8 съвета за дизайн на потребителския интерфейс или как да използвате ефективно потребителския интерфейс? | SpdLoad

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

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

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

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

8 по същество добри съвети за дизайн на потребителския интерфейс

За начинаещ дизайнер и много потребители UI е просто „външния вид“ на уебсайта. В действителност това е много повече.

Състои се от концепции от визуален дизайн, интерактивен дизайн и информационна архитектура.

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

Но какво прави разлика между ефективен и безполезен потребителски интерфейс в MVP дизайн?

Нека разгледаме 8 съвета.

Започнете с UX потребителски изследвания

В дизайна на потребителския интерфейс всичко започва от потребителя.

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

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

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

Задайте очаквания за дизайн на потребителския интерфейс

Постоянството и познаването е важна концепция на дизайна на потребителския интерфейс.

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

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

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

Уверете се, че вашият сайт съдържа познати елементи на познати места. Добър подход за започване на тестване за използване на прототипиране.

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

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

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

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

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

Осигурете бърз отговор на потребителския интерфейс

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

Когато щракнете върху връзка, очаквам да се отвори. Когато натисна бутон, очаквам той да промени цветовете.

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

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

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

Уебсайтовете с бавен отговор не само смущават потребителите, но също така правят хората съмнителни дали това нещо работи на първо място или не.

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

Разположение и размер на елемента

Дизайнът на потребителския интерфейс е свързан с кликвания, докосвания и превъртания.

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

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

Същото е и със списъците на главното меню. Поставете ги по-нагоре в йерархията, отколкото допълнителни менюта като категории.

Ще обучите окото си да открива ефективни потребителски интерфейси при всяка среща.

Направете дизайна прост

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

С опростен дизайн, познавателните процеси на потребителите не се преуморяват.

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

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

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

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

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

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

Вместо да скриете менюто, направете го по-облекчено.

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

С тези прости ощипвания (които изискват много мисъл и шепа моменти от Eureka!) Вие ще можете да намалите ефективността в дизайна на потребителския интерфейс за нула време.

Дизайн, като се има предвид достъпността

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

Голям сегмент от такава аудитория се състои от потребители, които имат различни предизвикателства, свързани с зрението. Като различни форми на недостиг на цветно зрение (ССЗ), намалено зрение, замъглено зрение и проблеми със зрението, свързани с възрастта.

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

Конкретно за CVD аудиторията цветовете не предават достатъчно информация.

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

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

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

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

За да създадете ефективен UI дизайн с достъпност предвид и безкомпромисна визуална красота, обърнете внимание на тези най-добри практики:

  • Обучете се кои цветови контрасти са по-добри и по-лоши за CVD и друга аудитория с различна способност. Можете да използвате онлайн инструменти за проверка на контрасти и цветове, които да ви помогнат: Color Oracle, Sim Daltonism и Contrast Checker и т.н.
  • Винаги етикетирайте цветовете в изображенията / описанията на вашите продукти, ако използвате магазин за електронна търговия.
  • Уверете се, че връзките ви винаги са подчертани, тъй като само промяната на цвета може да бъде пропусната от аудиторията с недостатъчен цвят.
  • Добавете модели, текстури и промяна на формите, за да допълвате цветовете във вашите визуализационни данни и графики.
  • Уверете се, че основните бутони на вашия сайт са правилно разграничени от другите. Като добър ресурс, който ви помага да разберете дизайна за достъпност, тук е полезна връзка.

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

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

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

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

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

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

Виждаме много примери за сайтове, които са не само отзивчиви, но и достъпни. Например,, и Реформацията, горе в началото на главата ми.

Естествено, в дългосрочен план такива сайтове ще са тези с повече трафик, по-широк обхват от него и потенциално повече реализации.

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

Обучете окото си за добър дизайн, а практикувайте, практикувайте, практикувайте!

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

И вижте как бихте го направили по различен начин.

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

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

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

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

Не на последно място, практика. Честно казано, това е най-добрият съвет, който мога да ви дам. Практиката няма да направи вашия перфектен, но със сигурност може да ви доближи.

Ефективен потребителски интерфейс - какво следва?

Значи там го имате

8 лично тествани и проверени дизайнерски съвета, които много пъти са спестили кожата ми. Дано те са еднакво полезни за вас.

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

Така че, продължавай да учиш.

Първоначално публикуван на https://spdload.com.