5 важни урока, които научих за дизайна на интерфейса за мобилни приложения

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

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

Разгледайте дизайнерските ресурси

Запознайте се с клиента и техните нужди

„Създаването на страхотен продукт и потребителското изживяване е номер едно за мен“

Преди да започнете проект, настройте онлайн чат / обаждане или среща лице в лице с клиента си. Хубаво е да ги опознаете малко преди да започнете работа, тъй като сблъсъците на личността понякога създават проблеми. Ако споделяте общи интереси, има вероятност да се разбирате добре!

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

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

След като преминете етапа да се запознаете малко и да откриете, че сте добър мач, е важно да разберете колкото можете повече за приложението. Склонен съм да разделя това на два раздела; „основна информация“ и „разширена информация“.

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

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

Защо всичко това работи?

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

Веднъж поех сравнително голям проект за iOS и Android с мой близък приятел, където нарушихме това правило и - това, което първоначално бяхме цитирали като приблизително 320 часа работа - скоро се превърна в почти 500 часа работа. Поради това, че клиентът добави толкова много нови функции по средата на проекта, цялата структура на приложението трябваше да бъде променена както на iOS, така и на Android платформи.

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

Поставете себе си в обувките на потребителите

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

„Придвижването из приложението трябва да е просто и много бързо“

Работих с офроуд карта и стартиране на GPS през втората половина на 2011 г. и поставянето в обувките на типичен потребител беше много важно. Бих грабнал лист хартия, напишете „потребител“ в средата и запиша всичко, което ви дойде наум. Три от големите въпроси, които си зададох, бяха:

• За какво ще използват приложението?
• Къде ще използват приложението?
• Колко време имат да използват приложението?

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

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

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

Планирайте напред, за да избегнете грешки по-късно

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

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

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

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

Правя това през цялото време, преди и по време на един проект, дотолкова, че всъщност стартирах Dotgrid.co, за да насърча другите да купуват точкови мрежови книги и да скицират повече! За по-големи проекти (особено услуги) винаги отделям добра част от времето за проектиране на телена рамка и друго планиране. Винаги се отплаща.

Може да си струва да използвате услуга, за да превърнете вашите телени рамки в работещ прототип (харесвам Invision App). При големи проекти намирам, че това ви помага да откриете грешки или възможни проблеми, преди да се потопите твърде дълбоко в проекта.

Придържайте се към указанията за операционната система

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

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

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

Друга добра причина за спазване на указанията е, че тя позволява на потребителите да свикнат бързо с вашето приложение поради всички приложения, които следват едни и същи указания. Например, бутоните отзад са горе вляво. Ленти от раздели са в долната част на екрана. Превключвателите правят едно и също нещо във всички приложения. Списъкът продължава!

Удобни връзки

• Насоки за човешки интерфейс на iOS
• Насоки за потребителски интерфейс на Android
• Указания за дизайн на Windows Mobile
• Указания за потребителски интерфейс на Blackberry

Заплаща се да се запазят нещата просто

Когато казвам на клиентите, че искам да „опростявам нещата“, те често ме разбират погрешно и мисля, че искам да проектирам интерфейса им в минималистичен дизайн стил. Това не е значението на думата!

Simple означава, че първият потребител може да отвори приложението и да започне да го използва, без да се налага да чете указания или да следвате ръководство.

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

Защо биха използвали приложение, което е объркващо и сложно, за да ги заобиколят, когато вероятно има алтернатива, която е проста и точна?

Работех с клиент на обикновено приложение за GPS програма, което проследява колко далеч е пътувал потребителят, средната им скорост, максималната скорост и височината. Приложението продължи да записва данни, докато потребителят не го нулира отново. За да го нулираме, избрахме за забавна опция „разклащане за нулиране“, която беше ясно илюстрирана с икона и съответстващ текст, четейки нещо по реда на „Разклащане за нулиране на статистики“.

В рамките на дни след стартирането на приложението, няколко потребители се свързват с нас, питайки как да нулирате записаните статистически данни и ние бързо добавихме червено копче, което гласи „Нулиране на статистиката“ в приложението, което им позволява да го правят по прост начин. Заплаща се да се правят нещата прости!