Когда дело доходит до проектирования отличного интерфейса приложения, веб-сайта или любого другого IT-продукта, опыт взаимодействия пользователя с продуктом (UserExperience, UX) должен быть в центре внимания. Но как узнать, удобны ли в использовании проектируемая навигация, организация страниц и формат отображения контента?
Именно прототипы являются средством измерения эффективности дизайна и позволяют:
- Оценить взаимодействия в интерфейсе продукта
- Узнать, как продукт может восприниматься пользователем
- Получить экономичный способ понимания и развития вашего продукта
Зачастую люди (и клиенты и пользователи) не понимают, чем же на самом деле является прототип, и ожидают от него совсем не то, что видят в итоге.
Прототип – это не..
Прототип — это не конечный продукт. Не ожидайте, чтобы он выглядел, как конечный продукт!
Нам встречались клиенты и пользователи, которые смотрели на прототип и думали, что это итоговый вариант дизайна (и конечно были недовольны тем, как он выглядит). Но прототип и дизайн ни в коем случае нельзя отождествлять.
Также прототипом нельзя назвать и любые статические наработки, которые показывают лишь одно состояние продукта, например, структурные схемы страниц (wireframes), визуальные макеты и т.п. Прототипы всегда интерактивны.
Что же такое прототип?
Прототип — это моделирование конечного продукта. Это интерактивный макет, который может иметь любую степень точности. Основная цель создания прототипов – проверить, насколько последователен путь пользователя, и выявить препятствия, которые могут возникнуть в процессе его взаимодействия с продуктом.
Прототипы не только позволяют проверить юзабилити разрабатываемого продукта до начала написания кода, они также приводят к неожиданным открытиям и новым идеям, которые могут вывести проектируемый продукт на новый уровень (а могут и нет).
Как создаются прототипы?
Есть два типа прототипов: сделанные на бумаге и кликабельные. Каждый из них имеет свой собственный набор преимуществ и недостатков.
Прототипы на бумаге
Основным преимуществом бумажных прототипов (для того, кто их создает) является возможность использовать те же карандашные наброски, с которых начинался процесс проектирования. Такие прототипы могут включать наброски, отображающие различные состояния экранов, карточки с выпадающими меню, стикеры, изображающие модальные окна. Проектировщик может стирать ненужное и быстро вносить изменения, основанные на пользовательских ожиданиях и комментариях.
Главный минус прототипа на бумаге — нет чувства интерактивности, которое дает кликабельный прототип.
Кликабельный прототип
Создание кликабельного прототипа сложнее, но позволяет проектировать ряд экранов с помощью специальных программ. Хотя на их создание уходить больше времени, кликабельный прототип дает все преимущества интерактивности.
Прототипы могут иметь различный уровень точности и детальности, который определяется в зависимости от целей его разработки. Если необходимо сосредоточиться на совершенствовании визуального дизайна, то создается высокоточный прототип, если же необходимо изучить особенности взаимодействия пользователя с интерфейсом и получить общее ощущение от продукта, то можно ограничиться малодетализированным прототипом, создание которого требует меньше времени и усилий.
Прототипы важны
«Люди не читают продукты, они взаимодействуют с ними.»
Разработка прототипов является неотъемлемой частью процесса UX-проектирования. Если обеспечение хорошего опыта взаимодействия пользователя с продуктом является конечной целью вашего проекта (что скорее всего так), то вам нужно иметь прототип в том или ином виде.
Создание прототипа позволяет более тесно изучить взаимодействие с продуктом и глубже понять, как он будет использоваться. Прототип также может быть быстро адаптирован для целей юзабилити-тестирования.
Кроме того, демонстрация взаимодействия с прототипом помогает представить будущий продукт клиенту и легче найти с ним общий язык при создании UX и UI-дизайна.
Важно запомнить!
Прототип — это не конечный продукт. Не ожидайте, чтобы он выглядел, как конечный продукт.
В 1887 году врач из Портсмута (Англия) Артур Конан Дойл опубликовал повесть «Этюд в багровых тонах». В ней впервые появляются Шерлок Холмс и доктор Ватсон. Кроме того, впервые в детективном тексте в качестве средства исследования использовалась лупа. «Этюд в багровых тонах» не привлёк особого внимания читателей, собственно, как и следующая повесть с Холмсом — «Знак четырёх». Но в июле 1891-го Дойл начинает публиковать короткие детективные рассказы о приключениях сыщика в журнале The Strand Magazine (в 1892 году эти рассказы увидят свет в сборнике «Приключения Шерлока Холмса»).
Именно тогда читающая публика начала увлекаться лондонским детективом, популярность которого в итоге достигла феноменальных размеров. Но даже в начале пути героя к мировой славе читателей интересовало, кто же был прообразом этой неординарной личности? Не мог же автор придумать столь эксцентричного и одновременно гениального детектива «просто из воздуха»?
Через столетие с лишним после появления первого произведения о Шерлоке Холмсе можно сказать, что это собирательный образ из двух реально существовавших людей. А в качестве «третьего компонента», возможно, использовались черты самого Артура Конана Дойла.
Артур Конан Дойл. (Фото George Grantham Bain Collection / The Library of Congress.)
В 1877 году Дойл учился на врача в Университете Эдинбурга. В таком возрасте всё удивляет и запоминается. Одним из преподавателей 18-летнего Артура был профессор Джозеф Белл (Joseph Bell), который сразу привлёк внимание будущего писателя. Лекции доктора Белла были необычными, захватывающими и даже развлекали. Используя свои удивительные дедуктивные способности, Белл делал немедленные выводы о пациентах, которых зачастую он даже не видел!
«Сильной стороной профессора Белла было диагностирование. Но я говорю не только о болезни, но и о характере пациента и роде его занятий», — вспоминал писатель. В автобиографии Дойла описывается случай, когда некий мужчина вышел перед аудиторией, и Белл дал ему исчерпывающую — и, конечно, правильную — характеристику, хотя прежде никогда его не видел: «Вы служили в армии... Недавно уволились... Шотландский полк... Дослужились до унтер-офицера... Были на Барбадосе...»
Точное попадание по всем пунктам! Доктор Белл объяснил это так: «Обратите внимание, джентльмены, несмотря на то что мужчина выглядит респектабельно, он не снял шляпу. Военные и не должны снимать фуражки в помещении, то есть наш подопытный ещё не отказался от старой привычки. В нём видна уверенность человека, отдающего приказы, понятно также, что он шотландец. Что же касается Барбадоса... Причина, по которой он обратился к врачу, — элефантиаз, а это болезнь из Вест-Индии, и именно на Барбадосе сейчас расквартирован Шотландский полк».
«Нашей аудитории, полной Ватсонов, сначала — пока он не объяснил ход своей мысли — показалось, что Белл телепат...» — рассказывал Конал Дойл.
На второй год обучения Белл сделал Дойла своим помощником в амбулатории: будущий писатель предварительно опрашивал пациентов и докладывал результаты Беллу. То есть, по сути, он был Ватсоном при своём преподавателе! Через десять лет, когда Дойл взялся за перо, именно эта удивительная способность замечать мелочи и на их основе приходить к решению загадки, легла в основу всемирно известного персонажа.
Дойл открыто признавал, что знаменитый детектив имел прототипа в жизни. В одном из интервью писатель так и заявил: «Шерлок Холмс — литературное воплощение, если можно так сказать, моих воспоминаний о профессоре медицины Эдинбургского университета». Кроме того, в письме к Беллу Дойл признавался: «Несомненно, именно вас я должен благодарить за Шерлока Холмса».
Джозеф Белл. Как думаете, на кого он больше похож: на актёра Ливанова или артиста Камбербэтча? (Фото Wikimedia Commons.)
Впрочем, хотя основные элементы персонажа были взяты из личности профессора Белла, тот не был единственным источником вдохновения. Посильное участие в создании Шерлока Холмса принял также знаменитый эдинбургский судмедэксперт, патологоанатом, инспектор общественного здравоохранения Генри Литтлджон (Henry Littlejohn). Литтлджон участвовал в расследованиях любой аварии, трагической смерти или убийства, кои ежедневно случались в Эдинбурге. Он первым использовал при раскрытии преступлений отпечатки пальцев и фотографии. Литтлджон революционизировал следственные методы именно в те годы, когда Конан Дойл творил своего героя.
В 1893 году Конан Дойл написал «Последнее дело Холмса»; тогда же закончилось знаменитое расследование ардламонтского убийства. Альфред Джон Монсон (Alfred John Monson) был обвинён в убийстве во время охоты своего 20-летнего студента Сесила Хамбро (Cecil Hambrough). Защита утверждала, что Хамбро сам случайно выстрелил себе в голову. Но Литтлджон по следу пули, расположению раны, повреждениям черепа и даже запаху жертвы доказал, что это было убийство.
Любопытно, что доктор Белл тоже участвовал в этом деле (в качестве свидетеля-эксперта) и, используя свои дедуктивные методы, в конечном счетё согласился с выводами Литтлджона. Вот так оба прототипа Шерлока Холмса однажды встретились, чтобы поработать вместе, а Дойл использовал судебно-медицинские методы Литтлджона как ещё одну черту характера книжного детектива.
Наконец, у нас есть сам Артур Конан Дойл. Профессор Белл однажды заявил в письме писателю: «Вы сами Шерлок Холмс и хорошо это знаете». В декабре 1908-го Марион Гилкрист (Marion Gilchrist) была избита до смерти во время вооружённого ограбления. В убийстве обвинили, а затем и осудили Оскара Слейтера — еврея, иммигранта из Германии. В 1909 году он был приговорен к смерти. Шотландский адвокат Уильям Роухед (William Roughead) написал эссе «Дело Оскара Слейтера», в котором убедительно доказывал, что Слейтер невиновен. Это не помогло освободить Оскара, но казнь была отложена.
В 1912 году Конан Дойл написал собственный памфлет «Дело Оскара Слейтера», приведя в нём ряд доводов о невиновности Слейтера. Несмотря на убедительность его аргументов (так, он указывал, что молоток, найденный в вещах Слейтера и считавшийся орудием убийства, был очень лёгким и хрупким инструментом, а потому не мог стать причиной ран, которые были обнаружены на голове жертвы), добиться пересмотра дела не удалось. «Когда я ознакомился с фактами, то понял, что этот несчастный имеет такое же отношение к убийству, как и я», — вспоминал в своей автобиографии Конан Дойл. Писатель начал кампанию в прессе. И вновь ничего не вышло. Слейтера освободили лишь в ноябре 1927 года, через 18 лет после осуждения.
Хотя тут, конечно, сложно сказать со всей определённостью: то ли собственные способности Дойла вдохновили его на создание Шерлока Холмса, то ли Холмс подтолкнул Дойла к исследованию реальных уголовных дел...
Что касается имени и фамилии сáмого знаменитого выдуманного детектива, то, как полагают, это тоже заимствования. «Холмс» — это «дар» хорошего друга писателя Оливера Уэнделла Холмса (Oliver Wendell Holmes), а «Шерлок» появился благодаря любимому музыканту Дойла — Альфреду Шерлоку.
В последнее время на хабре активно обсуждают надобность прототипов, попробую внести свою ложку дегтя в этот вопрос.
Одни кричат – прототип зло, другие, вооружившись – молчи. Давайте поступим умнее, отойдем от споров и разберемся зачем вообще нужны эти самые прототипы?
Не так давно весь процесс создания сайта был прозаичен и прост. Заказчика осеняло замечательной идеей и он сломя голову обращался к дизайнеру, мол нарисуй мне вот такую мечту. Дизайнер впечатлившись масштабом идеи рисовал красивые картинки и заказчик резво принимал работу. После, программист «превращал картинки в код» и так рождался сайт.
Однако шло время и золотые горы все не рисовались в карманах заказчика. На продвижение сайта тратились огромные деньги, а продаж все не было и не было. В этот момент нашего бизнесмена обычно осеняла мысль, что с сайтом, наверное, что-то не так.
В это время по другую сторону проблемы появлялись люди, гордо трепещущие с трибун профильных конференций о важности включения в процесс разработки потребностей пользователей. Так рождалась новая профессия – проектировщик взаимодействия (названий на самом деле много, мне по душе именно это).
Эти бравые первопроходцы день за днем несли в мир одну простую истину – если мы делаем сайт для людей, то почему бы не спросить этих самых людей что им действительно нужно?
Спустя время легкий шорох превратился в настоящий шум, первопроходцы основали небезызвестные компании и теперь каждый уважающий себя бизнесмен считает должным получить прототип своей идеи.
Что же такое, черт побери, прототип?
Безусловно многие из вас знают что такое прототип, представляют как он выглядит и даже считают, что умеют его делать. Бог с вами, может так оно и есть.Для тех же кто пока ни о чем не подозревает отвечу словами из википедии:
Прототип - работающая модель, опытный образец устройства или детали в дизайне, конструировании, моделировании.
В контексте проектирования интерфейса – это полнофункциональная html-модель сайта, работающая через браузер и наглядно иллюстрирующая весь принцип взаимодействия для разных сценариев использования.
Стоп! Сценариев использования?
И тут мы подходим к самой интересной части нашего рассказа. Оказывается, прототип не просто иллюстрирует внешний вид страничек, он еще и сценариям каким-то отвечает.Так повелось, что день за днем мы обращаемся к различным сайтам в поисках решения той или иной задачи. Надо ли нам найти определение слова, купить пылесос или билеты в кино – каждый раз мы выполняем некий паттерн поведения и возлагаем ожидания. И если паттерн навигации и содержимое сайта соответствует нашим привычкам – это приводит нас к достижению желанного, а владельцев бизнеса к конверсии.
Одной из важных задач проектировщика взаимодействия как раз выявить подобные паттерны и ожидания среди предполагаемой или существующей аудитории проекта.
Их может быть много, тогда они группируются по сходным признакам и так рождается персонаж, представляющий из себя архетип определенной группы. Тема персонажей достойна отдельной публикации, по этому скажу лишь что для одного проекта может быть как один персонаж, так и несколько.
Задачей проектировщика взаимодействия является сделать такой прототип, который бы отвечал потребностям всех персонажей и особенно ключевого.
А как же бизнес, детка?
Естественно потребностями одних персонажей работа проектировщика не ограничивается, есть и потребности бизнеса, которые нужно еще правильно понять. Так повелось, что мудрый и сильный оффлайн совершенно бессилен в мире веб.Мне часто доводилось видеть успешных «пузатых дядь» в шелковых костюмах несущих бред на тему нового сайта. По этой причине также стоит относится с осторожностью и к готовым ТЗ.
Уважающий себя проектировщик всегда обязательно проведет несколько интервью с представителями бизнеса, пытаясь докопаться до сути, после чего назначит еще несколько интервью с «рабочими руками», теми самыми людьми, которые ежедневно удовлетворяют наши с вами потребности – продавцами, консультантами, менеджерами итд.
Имея на руках полную картину того, что нужно бизнесу и того что нужно пользователям, наш труженик народа сможет наконец-то сесть и наколдовать тот самый прототип, о котором так много холиваров.
Конечно, часть процесса проектирования я опустил, не суть важна.
Что же будет дальше?
Теперь, когда прототип готов и отвечает всем возложенным на него задачам, самое время написать подробную спецификацию и передать это дело в руки гордого дизайна и программистам.И тут хороший проектировщик покажет себя молодцом и проверит работу первых и вторых, а при необходимости настоит на правильном решении.
Вся проблема как раз в том, что хороших проектировщиков еще сыскать нужно. Все больше и больше людей прочитав одну две книги начинают мнить себя великими мастерами дела и браться за работу. От этого и выходят все плачи и стоны. Получая на руки результат работы такого «проектировщика» невольно задумываешься зачем его вообще свет родил и плюёшься в стороны на все эти ваши прототипы.
Должен ли дизайнер делать прототипы?
Нет, ибо прототип – конечное визуальное представление – верхушка огромного айсберга под названием проектирование взаимодействия.Должен ли дизайнер следовать прототипам?
Да, ибо прототип – результат большой и кропотливой работы, часто целой команды людей, профессионально занимающихся своим делом изо дня в день.Последняя фраза самая важная – занимайтесь своим делом, изо дня в день поднимая собственный скилл на новый уровень.
Сэр Артур Конан Дойл родился в Шотландии в 1859 году. Он изучал медицину в Эдинбургском университете, где имел честь познакомиться с харизматичным профессором Джозефом Беллом. Свободное от докторской практики время Конан Дойл посвящал написанию рассказов. Мы не зря заговорили о профессоре Джозефе Белле. Гениальный сыщик Шерлок Холмс, обладающий недюжинным интеллектом и поистине сверхестественными способностями, был отнюдь не выдумкой Конан Дойла.
Первые творения Конан Дойла сразу же обрели популярность
Как вы, вероятно, догадались, ловкость для раскрытия преступлений путем наблюдений разума была заимствована автором именно у его профессора. Первый роман с участием Шерлока Холмса «Этюд в багровых тонах» был представлен публике в 1887 году. Полное собрание сочинений о лондонском детективе насчитывает в общей сложности 4 романа и 56 рассказов. Такой внушительный послужной список произведений стал возможен благодаря фантастической популярности начальных историй.
В свое время Конан Дойл даже устал от создания новых рассказов и «убил» своего героя в произведении «Последнее дело Холмса», датированном 1893 годом. Однако общественность негодовала, и автору ничего не оставалось делать, как воскресить великого сыщика и продолжать публиковать рассказы вплоть до 1927 года.
Прототип Шерлока Холмса
Но вернемся к профессору Джозефу Беллу, который произвел неизгладимое впечатление на будущего автора в период обучения Конан Дойла в медицинской школе. Шотландец, родившийся в 1837 году, просто ослеплял своих учеников демонстрациями недюжинных умственных способностей. Он был в состоянии визуально определить профессию пациента, а также их личные данные вплоть до мельчайших подробностей.
Проходя стажировку в Королевской больнице Эдинбурга, Конан Дойл получил возможность глубже изучить диагностические методы своего наставника. Несколько лет спустя автор одного из самых известных литературных персонажей Англии писал своему учителю Джозефу Беллу следующие строки: «Это, безусловно, только благодаря Вам я создал Шерлока Холмса. В рассказах у меня есть преимущество, которое позволяет отразить его во всевозможных драматических аспектах. Но я не думаю, что его аналитическая работа является преувеличением тех эффектов, что Вы демонстрировали в амбулаторной палате».
Заключение
В 1891 году Конан Дойл полностью оставил медицинскую практику и посвятил себя литературной работе. Он умер в Англии в 1930 году спустя 19 лет после смерти своего наставника.
