Usability.by » Blog Archive Метод проектирования 37 signals всё ещё работает | Usability.by
Улучшаем взаимодействие пользователей с вашим сервисом Повышаем конверсию
в продажи, заявки или
звонки
Проектируем
новые
продукты
Компания 1Point осуществляет весь спектр услуг в области юзабилити, дизайна, user experience
и веб-аналитики

Метод проектирования 37 signals всё ещё работает

Слишком часто при разработке пользовательских интерфейсов, дизайнер начинает разработку сверху вниз. Создаёт пустые каркасы и наполняет их содержанием, пока они не будут заполнены полностью. То, что дизайнер разместил кучу материала на странице вовсе не означает, что он создал эффективный дизайн или интерфейс, способный решить задачи пользователя.

Вот алгоритм, который используют в работе 37signals:

  1. Перечислите всё то, что экран должен делать. Что сможет выполнить пользователь на этом экране? Какая информация должна быть обязательно отображена? Что сделает для пользователя понятнее то, как начать процесс и достичь цели? Обозначить каждый пункт цифрами.
  2. Посмотрите на элементы, попробуйте связать их друг с другом концептуально и пространственно. Обозначьте получившиеся группы буквами с числами, принадлежащих к ним элементам.
  3. Сделайте эскиз получившейся конструкции (или несколько образцов) для каждого номера или буквы группы
  4. Совместите наброски блоков в единый дизайн. Посмотрите как «работают» все блоки в целом.

И помните, что следующий шаг вовсе не обязательно должен быть аккуратным отрисовыванием wireframe. Вы можете сразу же перейти к воплощению получившегося наброска в код.

Опубликовано в заметке The method still works, блога компании 37signals

Twitter Facebook Google Buzz Вконтакте МойМир Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua


6 комментариев

  1. Они, конечно, горазды прописные истины выдавать за свои собственные находки :) А перед пунктом «перечислите все, что экран должен делать» лежит чуть ли не половина работы проектировщика ;)

    P.s. Опечаточка: «посмотрите на элементОВ»

  2. Roman:

    Как показывает опыт рисование и вырезане на бумаге занимает очень много времени и трудоемко в изменениях
    fireworks позволяет быстро проектировать веб со всеми контролами. в фаервокс есть экстеншены с контролами iPhone OS, Mac OS X, Windows.
    а вот интерфейсы десктопные лучше уже проектировать в interface builder(Mac OS X).
    37signal парни молодцы но ничего револьционного они пока не сделали а инвестиций хватало на оплату выступлений и всякого рода привлечение внимания к себе.
    это тоже самое что спорить о гуглевских интерфейсах.
    как по мне они их вообще не разрабатывают а тулят что куда втулится.
    мое мнение не одиночно и его разделяют много специалистов также и с 37 сигнал.
    но для многих фанатиков и неочень гугль это идеал юзабельности.
    гугль динозавр и он тормознутый.
    ну это мое мнение.

  3. Я тоже так считаю.
    А где можно скачать экстеншены с контролами iPhone OS, Mac OS X, Windows для Fireworks? Поделитесь?

  4. И мне тоже экстеншенов хочется :)

  5. […] метод проектирования wireframes о котором мы уже писали Comment (RSS)  |  Обратная ссылка […]

Комментировать