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

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

Помислете за всички хора и роли, които участват в дизайна на един цифров продукт:

• Изследователи на дизайна
• UI дизайнери
• Информационни архитекти
• UX дизайнери
• Продуктови дизайнери
• Продуктови мениджъри
• Стратеги за съдържание
• Експерти по марки
• UX Copy Writers
• и т.н.

По един или друг начин всеки от тези се пресича. Например продукт потребителски интерфейс не може да бъде успешен, ако е потребителски опит не се разглежда. С взаимосвързаността идва натискът да се разбере как дизайнерските решения си влияят: „Ако направим X, как това ще се отрази на Y и Z?“

Този тип стратегическо прогнозиране може да бъде ценно, но също така може да доведе до стагнация на процеса на проектиране и да заседне в страховитата верига на съвършенството: „Трябва да получим X точно преди да можем да изпълним Y и Z.“

И така, каква е алтернативата? Има ли начин за бързо създаване, стартиране, тестване и подобряване на цифрови продукти въз основа на реални показатели и прозрения, взети от реални хора?

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

Симулирайте стартирането с минимално жизнеспособен прототип

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

Най-ранните решения на процеса на дигитално проектиране на продукти в най-добрия случай се основават на предположения. Докато даден продукт не е в ръцете на действителните потребители, всичко е теоретично. От друга страна, пускането на продукт, преди да е готов, може да навреди на репутацията му (скъпа грешка).

Какво ще стане, ако има начин да се симулира пускането в експлоатация и да се определи жизнеспособността на продукта, много преди да започнат някакви големи проекти?

Това е стойността на минималния жизнеспособен прототип (MVPr), a подход на продуктовия дизайн което изисква значително по-малко време и пари от по-познатия „минимално жизнеспособен продукт“.

Ето преглед на процеса на проектиране на минимално жизнеспособния прототип (MVPr):

1. Откритие
2. Изследвания
3. Информационна архитектура
4. Визуален дизайн
5. Стартиране
6. Тест

Изчакайте! Това не е ли процесът, който всеки използва?

Да, и ще видим, че разчитайки на най-важното от горните стъпки, можем успешно ...

• Симулирайте функционалността на реален продукт;
• Имитира пускането на реален продукт; и
• Открийте дали си струва да изградите истински продукт.

Стъпка по стъпка: Как да изградим MVPr

1. Откриване: Започнете да вземате решения

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

грешката в javascript не е функция

Тази стъпка не изисква никакъв опит. Тайната се прави - напредване от намерение към действие.

Обърнете специално внимание на силните и слабите страни на вашите конкуренти. Как можете да използвате това, което вече са постигнали (или не са успели), за да направите прототипа си по-силен?

След 1-2 часа проучване бихте могли да определите най-важните си конкуренти и да научите ключовите аспекти на всеки от тях.

2. Изследване: Дефинирайте своите потребители

Кой е вашият целеви потребител и защо трябва да се грижи за вашия продукт? Разбирането на това е от решаващо значение, но трябва да започнем с изчислени предположения. Най-добре е да започнете от силно убедена визия. Не се докосвайте и не се опитвайте да направите „нещо за всички“. Не искаме разводнен дизайн.

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

Ето някои практически области на разследване, които са лесно достъпни в мрежата:

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

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

3. Информационна архитектура: Структурирайте своя прототип

Как ще прототип работа и коя е най-важната информация, върху която да се съсредоточите?

Най-лесният начин да започнете да отговаряте на това е да анализирате първокласни сайтове, които са подобни на прототипа, който изграждате. Цялостният външен вид и опит на сайта, който сте избрали да посочите, трябва да бъде изключителен.

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

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

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

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

Ето как става това с помощта на безплатна UI комплект :

Какво постигнахме на изображението по-горе?

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

За по-малко от час имаме визуална основа, върху която да развием допълнително нашия прототип.

4. Визуален дизайн: Преназначете безплатни ресурси за потребителски интерфейс

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

Тук визуалната последователност е ключова, защото помага на потребителите да се запознаят с даден продукт и да се ориентират по-ефективно. За да постигнете този вид последователност в началото на разработката на вашия прототип, е умно да преназначите безплатни ресурси за потребителски интерфейс.

Работейки по този начин, няма да ви се налага да прекарвате часове в разработване на сплотена система за дизайн. Полагат се грижи за типографията, стиловете на бутоните, иконографията и всички останали важни компоненти на потребителския интерфейс.

5. Стартиране: Кодиране или не кодиране?

Време е да споделите своя прототип със света. За щастие е по-лесно от всякога да трансформирате макети в динамични прототипи. Благодарение на множество интуитивни инструменти дори не е нужно да знаете как да кодирате - но трябва ли да научите?

MVPr без код

Когато приключите с визуалния дизайн, вградете прототипа в целевата страница, така че посетителите да могат да взаимодействат с нея и да предоставят обща обратна връзка за вашата идея. На този етап в процеса на проектиране на MVPr има няколко начина за създаване на прототип без код. Ето вашите опции:

Основни прототипи

• InVision има всички функции, необходими за изграждане и тестване на основен прототип, и осигурява безболезнено изживяване без усложнения.

Мултимедийни прототипи

• За сложни взаимодействия, преходи и анимации, Принцип е доста полезно.

100% реалистични прототипи

• Фреймър позволява на дизайнерите да симулират каквото и да е изживяване на цифрови продукти. Това е идеалният вариант, когато прототипът трябва да изглежда и да се чувства реален от гледна точка на естествена анимация и кодиране, базирано на логика (Пример: Ако това, направете това).
• Уеб поток предоставя силата да проектирате, изграждате с код и да стартирате отзивчиви уебсайтове на 100% платно „каквото виждате е какво получавате“.

Щракнете, за да видите изображение в пълен размер.

Кодираният MVPr

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

Има много кодови стартови комплекти, които да ви помогнат да завъртите топката. Например, въведеният от нас потребителски интерфейс има собствена HTML версия, достъпна за изтегляне:

6. Тест: Използвайте Ad Insights

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

Практическа първа стъпка към измерване на интереса към вашия продукт е създаването на реклама и насочване към хората, намерени по време на фазата на изследване. В зависимост от вашата аудитория и вида на продукта, който проектирате, можете да пускате реклами в Google, LinkedIn, Instagram или Twitter. За продукти от бизнес до потребител се препоръчва Facebook.

* Про тип: AdEspresso е удобно място за пускане на стотици версии на вашите социални реклами едновременно, като същевременно се събират полезни сравнителни анализи.

Пускайте реклами и ще научите две неща:

1. Броят на хората, които са разгледали рекламата Ви
2. Броят на хората, които са кликнали върху рекламата Ви

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

• Добавете формуляр за „абонамент“ и помолете потребителите да дадат своя имейл адрес.
• Последвайте, за да ги уведомите, когато стартирате.
• Уверете се, че вашите канали в социалните медии са пуснати и работещи, за да можете да вградите социални бутони, позволявайки на потребителите да разпространяват информацията за вашия продукт.

Използвайте тази стратегия и ще спечелите:

• Списък с имейл адреси, които могат да се използват за ранни маркетингови усилия
• Хора, препоръчващи вашия продукт на своите лични и професионални мрежи
• По-ясно разбиране дали някой е развълнуван от вашия продукт

Първият път, когато получите реална обратна връзка, вашият продукт е на живо. Чрез този цикъл на предоставяне на стойност, анализиране на поведението и итеративни решения ще научите какво работи и кое не и ще се доближите до продукт, който хората всъщност искат да използват.

Стартирайте и научете с дръзновение

Крайната цел на минимално жизнеспособния прототип е следната: Преминете от образовани предположения за дизайн към истинска обратна връзка с бързина и увереност.

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

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

• • •

Допълнително четене в блога за дизайн на ApeeScape:

1. Прототип с лекота - Урок за студио InVision
2. Как да проведем ефективен дизайнерски спринт
3. Кой знаеше Adobe CC Could Wireframe?
4. UX тестване за масите: Поддържайте го просто и рентабилно
5. Карти за пътуване на клиентите - какви са те и как да ги изградим

Разбиране на основите

Какво означава MVP?

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

MVP прототип ли е?

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

Какво е IA в UX?

В UX IA означава информационна архитектура. Като стандартна част от UX процеса, дизайнерите създават информационна архитектура при изграждането на продукти. Информационната архитектура е, подобно на план, визуално представяне на продуктовата инфраструктура, характеристики и йерархия.

Каква е целта на информационната архитектура?

Целта на информационната архитектура е да организира логически съдържанието, така че хората да могат лесно да имат достъп и ефективно да използват информацията, от която се нуждаят. Подобно на проект, IA предоставя на дизайнерите (както и на екипите за разработване на продукти и инженеринг) птичи поглед върху целия продукт.

Какви са постните принципи?

Lean, методология за бизнес и управление, се основава на пет основни принципа: 1. дефиниране на стойност; 2. картографиране на потока на стойността; 3. създаване на поток; 4. установи изтегляне; и 5. преследвайте съвършенството.