Как стать автором
Обновить

Выбираем инструмент проектирования интерфейсов для аналитика

Уровень сложностиСредний
Время на прочтение7 мин
Количество просмотров15K
Всего голосов 13: ↑13 и ↓0+14
Комментарии31

Комментарии 31

Забыли про HTML и CSS.

Преимущества Низкий порог вхождения. Бесплатно. Понимание что, куда и как. Развитие себя как программиста.

Недостатки Не нашел

Время освоения около месяца

У меня есть два вопроса к этому предложению:
1. А надо ли аналитику развивать себя как программист?
2. Действительно ли время создания вайрфрейма с помощью HTML и CSS будет занимать не более получаса?

  1. Да

  2. Нет

Зачем аналитику развиваться в программировании?

Аналитика очень упрощённо можно считать переводчиком требований с бизнесового языка на технический. Поэтому аналитику неплохо иметь познания в обоих языках.

Абсолютно верно сформулировано - "иметь познания", но НЕ заниматься программированием в то время, когда необходимо держать фокус на задачах аналитика.
Создавать интерфейс средствами разработчика равнозначно "бездумному рисованию красивых кнопочек" вместо проектирования системы путём продумывания флоу её работы.

Может быть, дизайнеру, который ux/ui эксперт, тогда отдать проектировать интерфейс, а аналитику заняться прямыми обязанностями системным анализом или бизнес-нализом?

Только развил Вашу мысль дальше :)

Ведь всякие use case это не обязательно "отрисованый" макет, а вполне достаточно текстового описания.

Плюсую за draw.io. Там из коробки есть шаблон оформления контролов в стиле bootstrap, макет выглядит очень красиво и понятно. Плюс, его можно поднять у себя внутри сети компании.

Хорошее предложение, коллеги! В сравнительный анализ не включила draw.io, т.к у меня уже был опыт работы в нём, поэтому "освоить с нуля" и непредвзято оценить инструмент мне НЕ удалось бы. Скажу, что мне там НЕ нравится неадекватная работа стрелок, отсутствие иконок и разных библиотек.
К слову там есть базовые и сложные компоненты в одной библиотеке, плюс у draw.io есть интеграция с Confluenсe.

В таблицу было бы неплохо добавить стоимость использования а для online инструментов еще ограничения и потенциальную возможность поднять свой сервер.

Все таки инструмент проектирования интерфейсов для аналитика предполагает совместное использование всей командой в течении длительного времени и требования безопасности и/или риск потерять все макеты большого проекта поставит крест на многих удобных и простых облачных инструментах.

Отличная идея) Видимо придётся писать статью "часть 2" для уточнения этих аспектов.

А есть еще бесплатный QT Designer чтоб, быстро интерфейс накидать.

Выглядит олдово, а есть у вас примеры эскизов, полученных в этом инструменте?
Было бы интересно посмотреть)

Figma + любой UI Kit?

И у меня ощущение, что вы настраивали компоненты в Axure. Для быстрого входа просто используйте стандартные. В новых версиях этого достаточно.

++ в компании уже есть свои библиотеки компонентов, тут скорее нужно смотреть альтернативу фигме, чем мокапам.

Или просто сделать такой же набор, только фреймов без детализации. Даже без адаптивной верстки можно все раскидывать

Всё-таки считаю, что фигма предназначена для разработки исключительно высокодетализированных вайрфремов или уже мокапов/прототипов. Если мы говорим о том, что вайрфрейм может быть "черно-белым эскизом", то очень много времени будет уходить на лишние действия: работа с компонентами, автолейтаутами, выравнивание, настройки отступов и т.п.

Также при работе в фигме я сталкивалась с такой проблемой, что Заказчик, глядя на "красивый рисунок" (особенно если он с интерактивом) думал, что система уже разработана, боялся предложить новые идеи и удивлялся почему на это нужно еще месяц разработки, ведь все "уже готово". Поэтому "бумажный стиль" здесь очень круто помогает.

Касательно библиотеки в фигме без детализации - крутая идея, но в комьюнити фигмы нормального набора я так и не нашла (только для примитивных лендингов). Если кто-нибудь имеет такие - поделитесь плиз)

Фигму я люблю всей душой и использую ее каждый день в работе, просто потому что у меня есть неплохой навык работы там. Cкажу так, коллеги, которые никогда НЕ работали в этом инструменте и брались за отрисовку вайрфрейсов "с нуля" сталкивались с многими трудностями, забрасывали и переходили в тот же Miro. Cчитаю, что фигма требует предварительного изучения. Как минимум, чтобы найти UI Kit и понять как работать с компонентами нужно "погуглить" и разобраться.

Смотрите, нельзя "просто дать инструмент". Конечно, надо сделать какую-то подготовительную работу. Так везде, не только в айти. В случае Фигмы, сделать мини обучение (как в и Акшуре, например) и, конечно, дать набор компонент. В Акшуре он уже у вас есть, а в Фигме надо дать.

Плюсом будет то, что если дальше вы это отдаете дизайнерам, то они не начинают с нуля.

Ну и по началу - не меняйте компоненты. Не уходите в мокапах в дизайн. По мне, то что у вас показано на скринах в Акшуре - не правильно. Вы увлеклись "рисованием".

Добавьте пжл в статью немного информации про интерактивность - типа нажал кнопку и показалось диалоговое окно

Хорошее предложение) Cкажу сразу, что указанные инструменты (кроме Axure) НЕ поддерживают создание интерактивных прототипов. В них можно отобразить максимум стрелками связи между экранами.

Это не совсем так. В Фигме можно с доп. помощью. Но в Акшуре это делать проще. Плюс есть "wizard". Незаменимая вещь, если проектируете сайт и там есть шапка и подвал.

В данном сравнительном анализе не рассматривалась Фигма.

В фигму можно добавить компоненты или самому нарисовать. Есть отечественный аналог фигмы

Подскажите название?

1.Мне как аналитику не интересно тратить время на отрисовку кастомных компонентов для вайрфрейма, потому что моя цель - продумать логику работы, релизовать все use cases и не упустить никакое требование Заказчика.
2.По моему опыту дизайнеры всё равно НЕ переиспользуют кастомные компоненты, т.к правят межстрочные расстояния, скругления, шрифты и т.п
Или используют готовые библиотеки, например - Material Design, iOS UI Kit, Kendo UI и т.п

Если ваша задача - отрисовать макет или высокодетализированный вайрфрейм, а у вас в проекте уже есть библиотека компонентов (её уже нарисовал дизайнер или согласовали, что будете использовать готовую), то можно это сделать, но при условии, если вы обладаете навыками работы в фигме.
Если задача с нуля и вы понимаете, что это только 1 из N возможных эскизов, то нет смысла тратить на это время.

какие новые количественные метрики можно ввести в анализ проектирования интерфейсов?

Чуть подушню. Извините:)

Balsamiq mockups вышел не в 2017 году, а в 2008

Если уж пишите дату, то хоть проверьте в Википедии )

Системный аналитик не должен так явно писать непроверенную инфу, которая легко проверяется при подготовке статьи.

Отличное замечание, вероятно опечатка)

А "неявно" можно писать системному аналитику непроверенную инфу?

Странный вопрос :)

Раскройте его смысл примерами и что хотите получить в ответе на него.

И, не обижайтесь :) написал же, что немного по-душню

Я работаю сейчас в Lunacy. Никакого порога вхождения мне не понадобилось. Отличный инструмент работает и как Stand Online приложение! Всё исходные файлы сохраняются локально. На данный момент бесплатен!

Зарегистрируйтесь на Хабре, чтобы оставить комментарий

Публикации