Как и защо прототипите са задължителни за добрия дизайн

/2019-11-11 15:57:12/
Kaylanni
/Бизнес/

Нищо не ви доближава до функционалността на крайния продукт от прототипирането. Докато телените рамки очертават скицата и макетите показват усещането и текстурата на дизайна, прототипът оживява „преживяването“ зад „потребителското изживяване“. Това красиво призив за действие може да изглежда страхотно на екрана, но няма да знаете дали работи на крайните потребители до прототипа за кликване. Не само, че прототипите помагат да се докаже концепция, но по-важното е да разкрият всички недостатъци в използваемостта зад телените рамки и макети.

И така, как всъщност да приложим на практика тази предпазна мярка срещу спешните срещи на заинтересованите страни, безкрайните ревизии и болезнените късни нощи във фазата на развитие? Докато по-рано засегнахме правилното прототипиране в Ръководството за процесите и документацията за UX дизайн, нека да се потопим по-задълбочено как прототипирането може да направи или да наруши успеха на продукта. В това парче ще започнем с разглеждането на най-важните причини за прототипа и как прототипите подобряват тестовете за сътрудничество, дизайн и използваемост.

Източник: Бил Бъкстън, чрез Donna Lichaw

5 причини защо трябва да прототипирате

Въпреки че пропускането на прототипирането може да спести известно време по време на проектирането, този излишък може да бъде загубен многократно в развитието. Ако хората изпробват дънки, преди да ги купят и тест-драйв автомобили, преди да подпишат чека, тогава има смисъл само да тествате дизайна си интерактивно, преди да влязат в разработка. В крайна сметка взаимодействието е начинът, по който потребителите имат достъп до дизайнерските решения на своите проблеми.

Източник: Swing Tree Swing

За да разберем по-добре защо трябва да прототипираме, нека да разгледаме Тод Заки Уорфел, дизайнерът, който написа книгата за прототипирането ... буквално. Warfel обобщава точките на своята книга в презентация на слайдшоу, където можем да видим всички важни причини за възприемане на прототипирането. Въпреки че те варират в зависимост от дизайнерите и техните нужди, някои универсални предимства включват:

Комуникация и сътрудничество - Едно е да обсъдим документацията за изискванията, но е съвсем друго ниво на въображаемо сътрудничество, когато и двете страни могат да играят с прототип и да изследват ограниченията и възможностите. Документацията може да бъде тълкувана погрешно, но опитът се споделя.
Измеримост на осъществимостта при намаляване на отпадъците - Кадрите, макетите и документите за изискване живеят на хартия, а не в реалност. Прототипирането позволява на екипите да експериментират, давайки им свобода да се провалят евтино, докато научат повече. Просто погледнете как прототипите помогнаха за увеличаване на точността на оценката с 50%, като същевременно намалиха исканията за разяснение с 80%.
Продайте идеята си - Прототипите могат да бъдат чудесни за пикинг, ако работите със скептични клиенти. Изживяването на уебсайта или приложението в реалния живот доказва визията ви повече от многословно описание или макет, затънал с бележки.
Тествайте използваемостта по-рано - Чрез тестване на прототип от потребителя можете да откриете проблеми и да ги поправите по-рано в процеса, като си спестите огромна караница да се справите с тях, когато са циментирани в код. В същия цитиран случай, цитиран по-горе, се наблюдава 25% намаление на бъгове след освобождаване благодарение на прототипирането.
Определете приоритетите си в дизайна - Препоръчваме да създавате прототипи рано и често, защото приоритизирането на дизайна на взаимодействията ще ви държи в основата на реалността, когато вземате статични дизайнерски решения. Визуализациите трябва да изпълняват опита, а не обратното.

Не всеки прототип трябва да бъде сложен и отнемащ - всъщност някои школи на мисълта вярват в бърза форма на прототипизиране с ниска инвестиция. Въпросът е, че почти винаги е изгодно да отделяте някои ресурси за прототипиране, колко зависи от вашите конкретни нужди.

Как прототипите подобряват сътрудничеството и комуникацията

Показването винаги е по-добро от разказването, а опитът е крал. Ако хората могат да взаимодействат с вашите идеи, тогава те могат по-добре да ги разберат. Това работи както външно - насочване към клиенти и заинтересовани страни - и вътрешно - при по-задълбочено сътрудничество с вашия екип или обединяване на тях, за да подкрепят нова идея (или поне да играят с нея първо, преди да я раздвижите).

Прототипите изясняват вътрешната комуникация по няколко начина.

Първо, той създава връзка между дизайнери и разработчици по-рано, като дава на двете една и съща цел да работят. Както беше обсъдено в Ръководството за създаване на прототипи, различните отдели използват различни езици и жаргони, но прототип разбива всички бариери. Прототипите са играчките на дизайна и когато нещо е забавно, хората са по-нетърпеливи да свалят охраната си и да започнат да изследват лудите идеи, които просто могат да работят. Както основателят и главен изпълнителен директор на Emmet Labs, Дейвид Йерба, казва, прототипирането „прави правилните хора в стаята, общуващи по правилните начини“.

В UXPin сътрудничеството върху прототипи е естествено благодарение на функциите за представяне и съвместна работа на живо. С проследяването на итерации и коментирането на живо, телесните рамки и прототипите могат да бъдат обсъждани и представяни в реално време, без да е необходима електронна поща.

Второ, в същата статия Йерба описва и предимствата на прототипирането за официални презентации. Клиентите и заинтересованите страни могат лесно да интерпретират погрешно описание, дори ако са предоставени с някои убедителни проучвания или макетни модели, перфектни за пиксели. От друга страна, интерактивният прототип изисква малко описание. Прототипите помагат на заинтересованите страни да мислят за преживяването, вместо да попаднат на патерицата да критикуват визуалните елементи, само защото са точно пред очите им. Като страна забележка, прототипите също добавят усет към презентациите - хората могат буквално да изживеят „магията“ на дизайна: това е разликата между виждането на модела и изследването на моделната къща.

Прототипът е мощно оръжие, за да бъде представен на всяка презентация. Дейвид и Том Кели, основател и съдружник в IDEO, се приписват на това, което наричат „Законът на Бойл“ (кръстен на един от главните прототипи на IDEO, Денис Бойл). Законът на Бойл е прост, но ефективен: никога не ходете на среща без прототип. По отношение на своите комуникативни и убеждаващи способности, тази презентационна помощ често прави разлика между „да“ или „не“.

Как прототипите добавят баланс към дизайна

Прототипирането е фазата, в която концептуалното става реално, така че изисква както креативност с практичност, обосновка с интуиция.

Източник: Потребителски поток за функция за търсене на Kickstarter

Филип ван Алън, професор и дизайнер в Art Center College of Design, вярва, че прототипите помагат да се вземат решения, които не могат да бъдат описани чрез параметри. За дизайнера има три основни предимства на прототипирането:

Вземане на решения - Важен избор на дизайн относно ергономията, формата, функцията, производството - понякога всички наведнъж - се финализират във фазата на прототипиране. Работещият прототип ще ви даде незабавна обратна връзка, за да можете да вземете образовано решение (не само евристично).
Фокус - С конкретна обратна връзка за всички сетива (вместо просто да „отгатвате“ какъв ще бъде крайният продукт), прототипите ви обосноват в реалността на потребителите. UX приоритетите стават очевидни, когато можете да ги изживеете точно пред вас.
Паралелизъм - Процесът на проектиране не трябва да бъде последователен. Събирането на обратна връзка, задаване на изисквания и мозъчна атака на нови концепции и взаимодействия могат да се случат едновременно по време на прототипирането и когато се направи правилно, ще се допълват (обсъждаме подробно процесите по-късно в тази книга).

Как да разберем това? Когато работихме върху подобряването на уебсайта на Yelp, първо изградихме lo-fi, а след това и hi-fi прототип. Първоначално интерактивността беше проста, но при проектирането й се сблъскахме с решения и препятствия, които няма да изплуват в статичен дизайн. Чрез създаването на прототипи ние идентифицирахме и решихме UX проблеми, като например как да преминем от началната страница към резултатите от търсенето, без изведнъж да затрупаме потребителя с твърде много информация.

Накратко, фазата на прототипиране беше, когато успяхме да слеем концептуалните си цели с нашата практическа реалност. Това беше, когато визуалният дизайн и дизайнът на взаимодействията влезе в баланс.

Как прототипирането прави теста за използваемост по-лесен

Причината да разделим задачите на телесни рамки, макети и прототипи, е защото всяка има различна цел.

Фокусирайки се само върху структурирането в телена рамка, например, ние сме в състояние да създадем солидна структура, без да се разсейваме само с макетни визуализации или прототипи. Докато телефреймингът и макетите се навеждат повече към креативното и абстрактното, прототипирането е свързано с кокал и реализиране на идеи - и това изисква тестване на използваемостта, за да се оправи.

Източник: Тестване на използваемост за прототипи

За да се направи аналогия, прототипите са към крайния продукт какви скици са с телени рамки / макети. Прототипирането е начин да се „скицира с взаимодействия“, за да се създаде груб модел на използваемост, след което да се усъвършенства и перфектно.

За това тестът за използваемост е жизненоважен. Както препоръчваме в Ръководството за прототипиране, опитайте се да стартирате тестове за използваемост на всеки етап от прототипа, така че неговата вярност и функционалност да се движат в правилната посока. Въпреки че тестът за използваемост е гъста тема сама по себе си (обхваната в друга електронна книга), ето някои основи, които трябва да имате предвид:

Познайте продукта - Познайте добре продукта си и какво искате да тествате, преди да започнете. Ако влезете в тестване за използваемост с продукт, който се държи нередно или ако не сте сигурни какво трябва да се тества, резултатите ще бъдат невалидни.
Наемете правилните участници в тестовете - Вероятно е вашият продукт да е насочен към целева група потребители, така че уверете се, че вашите участници в теста представляват тази група. Качествените тестове могат да се провеждат с най-малко 5 души, количествените тестове изискват поне 20 души за статистическа значимост. За пълен списък на съвети за набиране на потребители, вижте списъка на Якоб Нилсен от 234 съвета и трикове за набиране на хора за тестове за използваемост.
Настройте правилния тест - Има много различни видове тестове за използваемост и много различни начини за провеждането им. Изберете тази, която съответства на нуждите на вашия бюджет, време и проект.
Анализирайте резултатите - това е, когато данните за използваемостта се превръщат в идеи за дизайн. Включете своите заключения във вашите итерации възможно най-скоро.

Източник: Защо трябва да тествате само с 5 потребители

За повече информация за това какви видове тестове за използваемост биха работили за вас и как да ги проведете, изтеглете безплатната електронна книга Ръководството за тестване на използваемостта.

Защо прототипирането е задължително за мобилни устройства

Докато прототипирането на десктоп продукти е просто препоръчително, за мобилни устройства е задължително. Мобилните устройства се използват в повече среди от настолните устройства, което води до много повече сценарии на потребители и случаи на използване. Това означава, разбира се, че макар че може да успеете да се измъкнете от това, че не създавате прототипи за десктоп, няма да имате такъв късмет с мобилния телефон.

Рейчъл Хинман, старши изследовател на UX на изследователския център на Nokia, е съгласна, че нуждата от мобилно прототипиране далеч надвишава вече важната нужда в областта на работния плот. Вижте графиката по-долу, базирана на слайдшоуто на Hinman, за да видите сравнение между стабилността на двете:

Donna Lichaw, специалист по продуктите на Greatnorthelectric, също се съгласява и сравнява общите причини за прототипа с причините за мобилните устройства. Жестовете добавят изцяло ново измерение на интерактивността, което дори не съществува за десктоп, така че прототипирането е единственият начин за тестване на почти безкрайните комбинации от жестове и анимации.

Открихме следното като най-убедителните причини за мобилно прототипиране:

Flow прави или прекъсва мобилното изживяване - Тъй като мобилните преживявания обхващат няколко страници, потребителският поток трябва да бъде отпред и в центъра на списъка с дизайнерски приоритети. Просто посетете UXArchive, за да видите как някои от най-добрите компании като Snapchat, Google Maps и други архитектират мобилните си потоци.
Анимациите правят изживяването забавно и желано - Анимациите са основният елемент за мобилните микро-взаимодействия, като ефектите, предизвикани от жестове като времето, скоростта и щедростта, добавят елемент на забавление, като същевременно осигуряват визуална обратна връзка и пригодност. Вижте това парче, за да видите контрастните гледки към анимациите от Google Material Design и Apple iOS, а след това вижте 20 примера за тези най-добри практики в действие.
Грешките в UX са по-скъпи - разходите за мобилни приложения варират от 6 000 до повече от 200 000 долара, като средната цена се движи около 6 400 долара. Справянето с App Store може също да доведе до главоболие, така че някои предварително изготвяне на прототипи могат да изминат дълги пътища за спестяване на време, пари и здрав разум.

UXPin позволява отзивчиви анимирани прототипи и вградени тестове за използваемост. Създайте задачите си, след това наблюдавайте екрана и реакциите на лицето, докато те взаимодействат с вашия дизайн. След всеки тест можете да генерирате видеоклип, който заснема всяка дума, реакция и щракване.

За вкъщи

Ние винаги прототипираме и съветваме другите да направят същото. Въпреки че разбираме, че някои ограничения могат да затруднят създаването на прототипи за някои компании, силно препоръчваме да го направите, дори и само ограничен прототип. Ползите далеч надхвърлят разходите: по-добро сътрудничество между екипа, намиране / отстраняване на проблеми рано, подобряване на съществуващите дизайни и общуване чрез действие, а не чрез думи. Тези предимства си заслужават допълнителното време и усилия.

За повече практически съвети относно прототипирането с ниска или висока точност изтеглете безплатно Ръководството за прототипиране. Научете как и кога да използвате различни инструменти и тактики за прототипиране, с най-добрите практики от Zurb, Google Ventures, IDEO и много други. Съвети са включени и от експерти като Джеф Готелф, Тод Заки Уорфел и други.