- PVSM.RU - https://www.pvsm.ru -
Рассмотрим бизнес-продукт на примере глыбы льда, дрейфующей в океане. Его подводную часть составляют идея продукта, его цели и задачи, собственно то, что хотим мы, и что получат пользователи, а также средства, благодаря которым данный хэппи-энд станет возможным.
Частый сценарий – бизнес хочет сделать приятный продукт, потребители, в свою очередь, просто мечтают этим продуктом воспользоваться, задумывается что-то вроде этого:

Но получается почему-то вот так:

Происходит это во многом потому, что бизнес зачастую не понимает, чего же на самом деле хочет пользователь, а когда понимает, то не всегда может ему это дать. Как этого избежать?
Прежде чем начать проектирование нужно ответить на несколько вопросов, от правильных ответов на которые зависит успех нашего предприятия, а также определить KPI.
Например, в случае медиасервиса (напр. контентного проекта) KPI могут быть такими:
Все это сводится к задаче таких сервисов продать рекламные места на сайте по наиболее высокой цене.
Зачем же мы это делаем? Ключевая фраза для ответа на такой вопрос: «мы делаем продукт, который…»
В случае медиасервиса цели будут звучать как дифференциация от конкурентов и получение прибыли от сайта.
Определившись с задачей продукта и целевыми показателями, приступаем, собственно к проектированию. Здесь нам нужно отталкиваться от ограничений платформы, с которой предстоит работать. Применительно к веб-приложениями в качестве платформы может выступать десктоп, мобильное устройство или планшет. Контекст использования веб-приложения во всех трех этих случаях разный: если в случае десктопного приложения подразумевается «спокойное» выполнение некоторых функций, то мобильное приложение ориентировано на решение сиюминутных задач, а контекст планшетного компьютера подразумевает также выполнение сиюминутных задач, правда более сложных, нежели при использовании мобильного девайса.
Также нужно принимать во внимание фактор целевой аудитории (домохозяйка != сисадмин и подавать информацию им надо по-разному), а также ограничения железа и наших софтверных возможностей.
Резюмируем: определяемся с идеей, целями и задачами, а также нашей выгодой и выгодой пользователей. Затем применяем к этим знаниями технические средства и получаем отличный результат.
Случай из практики нашей компании – журнал под кодовым названием «Омский Хипстер» (настоящее название проекта нельзя разглашать ввиду NDA), для которого мы сделали сайт.

Определяем KPI, иначе говоря, нам нужно:
Задачи имели следующий вид:
Что, в итоге, получает бизнес:
Пользователи, в свою очередь, получают:
Какими же средствами удается добиться этих результатов? Все просто.
Для успешного выполнение проекта также необходимо подробно документировать процесс подготовки к нему (от исследования конкурентов, целевой аудитории до бесед с заказчиками).
В нашем случае при проектировании и создании сайта для журнала мы задокументировали следующие моменты (по тычку картинки открываются в полном размере):
Навигация и состав экранов:
Информационная структура сайта:
Итоговая концепция построения интерфейса сайта журнала:
На всякий случай, архив со всеми схемами можно скачать тут [6].
Выполнение проекта по такой технологии несет в себе целый ряд положительных «побочных» эффектов:
Мысли, озвученные в данном топике, легли в основу презентации, которую Дмитрий Михеев [7] из UIDesign Group представил на конференции ISDEF 2012 [8].
Автор: UiDesignGroup
Источник [9]
Сайт-источник PVSM.RU: https://www.pvsm.ru
Путь до страницы источника: https://www.pvsm.ru/interfejsy/28666
Ссылки в тексте:
[1] Image: http://habrahabr.ru/company/uidesign/blog/171675/
[2] Image: http://habrastorage.org/storage2/779/1dc/4a7/7791dc4a7d760e6b3dbc3e4f5a99ddd0.png
[3] Image: http://habrastorage.org/storage2/e68/6a0/804/e686a0804aa1200b9c910665783231ec.png
[4] Image: http://habrastorage.org/storage2/2fc/c39/f65/2fcc39f65493723dd0fe776d1e8dd9fc.png
[5] Image: http://habrastorage.org/storage2/b77/3da/b86/b773dab8675146d1c64efbf9968eb013.png
[6] тут: http://dl.dropbox.com/u/49621946/Iceberg.rar
[7] Дмитрий Михеев: https://twitter.com/d_mkhv
[8] ISDEF 2012: http://isdef.org/
[9] Источник: http://habrahabr.ru/post/171675/
Нажмите здесь для печати.