Хабр Курсы для всех
РЕКЛАМА
Практикум, Хекслет, SkyPro, авторские курсы — собрали всех и попросили скидки. Осталось выбрать!
Хабр доступен 24/7 благодаря поддержке друзей
Комментарии 15
Только без обид, но прототип не понравился. Если брать чисто функционал- малопонятно что где отображается и что нажимать дальше и что означают отдельные элементы. Если прототип приближен к конечному дизайну- та же ситуация, не очень красиво.
Вот для этого и делается прототип. Что именно и на каком шаге непонятно? Давайте обсудим.
Да можно начиная с первой страницы- почему в полях выбора городов стоят иконки карты? Это вообще списки или что? Почему большая стрелка направлена вниз? Вкладки авиа и жд выделены своим цветом отличающимся от цвета фона — какая из них активна в данный момент? Наконец что означает онлайн одобрение?
Сам выбор городов не показан- как выбирается страна / город? Почему на второй странице есть текстовые поля откуда / куда а на первой нет? Зачем разделена форма отдельно выбор городов и только потом в довесок все остальное? На втором экране вроде как выбрана вкладка туда/обратно а вся информация только для одного перелета. И наконец почему календарь на английском а все остальное на рус? Издержки платформы создания?
От себя порекомендую- переходите на axure, если интересно- пишите в личку, пару проектов покажу и если что-то нужно подскажу
Сам выбор городов не показан- как выбирается страна / город? Почему на второй странице есть текстовые поля откуда / куда а на первой нет? Зачем разделена форма отдельно выбор городов и только потом в довесок все остальное? На втором экране вроде как выбрана вкладка туда/обратно а вся информация только для одного перелета. И наконец почему календарь на английском а все остальное на рус? Издержки платформы создания?
От себя порекомендую- переходите на axure, если интересно- пишите в личку, пару проектов покажу и если что-то нужно подскажу
Спасибо, ваши проекты посмотреть интересно, напишу.
Акшурой я сам пользуюсь, да. А эта программа принята в компании, где работает автор прототипа.
По вопросам напишу позже детально.
Акшурой я сам пользуюсь, да. А эта программа принята в компании, где работает автор прототипа.
По вопросам напишу позже детально.
По вопросам:
1) Иконки месторасположения при клике подставляют твой город (если браузер определил).
2) Большая стрелка вниз т.к. форма раскрывается. Это спорный шаг, но такова концепция создателя прототипа. Будем это еще оценивать на удобство.
3) Очень хороший комментарий. Синяя активная, но надо ее еще как-то выделить, да.
4) Онлайн-одобрение кредита. Не очень понятно? Будем думать как перефразировать.
5) Выбор города традиционно вводом первых букв.
6) Это не вторая страница, а раскрытие формы. Откуда-куда в закрытом состоянии решили не писать и так должно быть понятно.
7) Зачем раскрытие формы? Чтобы не пугать большой формой при входе. Решение спорное, я писал. Его в первую очередь и будем отрабатывать на тестах.
8) Да, это надо дорабатывать.
9) Календаря нет в программе, выбрать дату нельзя, нет функционала. Будем думать как это с'эмулировать, замечание справедливое.
1) Иконки месторасположения при клике подставляют твой город (если браузер определил).
2) Большая стрелка вниз т.к. форма раскрывается. Это спорный шаг, но такова концепция создателя прототипа. Будем это еще оценивать на удобство.
3) Очень хороший комментарий. Синяя активная, но надо ее еще как-то выделить, да.
4) Онлайн-одобрение кредита. Не очень понятно? Будем думать как перефразировать.
5) Выбор города традиционно вводом первых букв.
6) Это не вторая страница, а раскрытие формы. Откуда-куда в закрытом состоянии решили не писать и так должно быть понятно.
7) Зачем раскрытие формы? Чтобы не пугать большой формой при входе. Решение спорное, я писал. Его в первую очередь и будем отрабатывать на тестах.
8) Да, это надо дорабатывать.
9) Календаря нет в программе, выбрать дату нельзя, нет функционала. Будем думать как это с'эмулировать, замечание справедливое.
- При попытке выбора куда лететь или откуда идет переход на другую форму?
- Нет примера информации о выборе откуда и куда
- При выборе даты нет примера выбора даты и поведения курсора, форма выбора уехавшая, картинка фон не изменяется при появлении доп.элемента с шириной ниже текущей
- На обоих формах Depart Date
- При выборе "в одну сторону" остается чек-бокс "открытая дата". Нужен ли он? Почему у него пропал атрибут справки?
- Форма прыгает вверх и это не есть хорошо
И так далее..
1. Не на другую, а раскрывается эта. Как я понимаю прототип-программа не позволяет показать плавно это раскрытие.
2. Вы имеете ввиду выпадающий список городов по первым буквам?
3. Да, это надо дорабатывать.
4. Та же как 3.
5. В одну сторону тоже может быть открытая дата. Всплывающую подсказку доработаем, там еще текст нужен корректный.
6. Форма прыгает по той же причине 1.
2. Вы имеете ввиду выпадающий список городов по первым буквам?
3. Да, это надо дорабатывать.
4. Та же как 3.
5. В одну сторону тоже может быть открытая дата. Всплывающую подсказку доработаем, там еще текст нужен корректный.
6. Форма прыгает по той же причине 1.
У меня почему-то все тексты редактируются, даже внутри кнопок. Так задумано?)
Статья в целом содержательная, но я бы еще добавил краткий обзор платформ, позволяющих создавать подобные мокапы. Небезысвестные облачные мокапс и инвижен вроде как гораздо интерактивнее. Хотя и не дают на выходе HTML (а с другой стороны, куда он нужен, этот автогенерируемый HTML… поэтому вряд ли можно это считать недостатком)
Статья в целом содержательная, но я бы еще добавил краткий обзор платформ, позволяющих создавать подобные мокапы. Небезысвестные облачные мокапс и инвижен вроде как гораздо интерактивнее. Хотя и не дают на выходе HTML (а с другой стороны, куда он нужен, этот автогенерируемый HTML… поэтому вряд ли можно это считать недостатком)
Да, кажется так программа делает по умолчанию, а редактироваться должны только поля ввода.
Это не совсем мокапы. А законченный комплекс связанных страниц с работающими элементами. HTML не просто нужен, в этом весь цимес. Чтобы легко ссылки кидать любому и каждому, смотреть в браузерах.
А на счет списка программ подумаю, возможно добавлю, спасибо.
Это не совсем мокапы. А законченный комплекс связанных страниц с работающими элементами. HTML не просто нужен, в этом весь цимес. Чтобы легко ссылки кидать любому и каждому, смотреть в браузерах.
А на счет списка программ подумаю, возможно добавлю, спасибо.
Мое мнение:
1. Прототип выглядит сыро
2. Полноцветность прототипа отвлекает от его оценки заказчиком, предпочитаю делать прототип в ч\б. (мой бзик, не все согласятся).
3. Сам прототип не полный, не все состояния элементов показаны
4. Чем больше смотрю рынок, тем больше убеждаюсь что Axure наше все. Прототипы на нем выглядят опрятнее, реализовать можно что угодно.
По всему остальному, согласен. Более того, могу с уверенностью сказать что, веб студии недооценивают важность прототипирования, как с точки зрения финансовой выгоды, так и с точки зрения улучшения взаимодействия с заказчиком.
1. Прототип выглядит сыро
2. Полноцветность прототипа отвлекает от его оценки заказчиком, предпочитаю делать прототип в ч\б. (мой бзик, не все согласятся).
3. Сам прототип не полный, не все состояния элементов показаны
4. Чем больше смотрю рынок, тем больше убеждаюсь что Axure наше все. Прототипы на нем выглядят опрятнее, реализовать можно что угодно.
По всему остальному, согласен. Более того, могу с уверенностью сказать что, веб студии недооценивают важность прототипирования, как с точки зрения финансовой выгоды, так и с точки зрения улучшения взаимодействия с заказчиком.
1. Да, это рабочая версия, не окончательная.
2. Ч/б тоже хорошо работает, но несколько снижает UX. Если на заказ -можно использовать фирменные цвета, например. Ничто не мешает согласовать общую цветовую палитру уже на этапе принятия логотипа.
3. Да, см. п 1.
4. Акшура хороший инструмент, что там говорить. Сам ей пользуюсь.
2. Ч/б тоже хорошо работает, но несколько снижает UX. Если на заказ -можно использовать фирменные цвета, например. Ничто не мешает согласовать общую цветовую палитру уже на этапе принятия логотипа.
3. Да, см. п 1.
4. Акшура хороший инструмент, что там говорить. Сам ей пользуюсь.
2.… на этапе принятия прототипа, конечно. Не логотипа.
2. Полноцветность прототипа отвлекает от его оценки заказчиком, предпочитаю делать прототип в ч\б. (мой бзик, не все согласятся).
Согласен полностью, но бывают исключения, когда в интерфейсе используются текст или кнопки поверх изображения (слайдеры и промо-блоки, лендинги), может оказаться полезным дополнить цветным примером для наглядности.
Иначе оценка эффективности CTA-кнопок и текстов с УТП при UX-тестировании может быть ошибочной.
Del
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Интерактивный UX-прототип: разбор на реальном примере