Мисли по-малко. Дизайн по-добре.

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

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

Колкото повече възможности са достъпни в процеса на проектиране, толкова повече мислене са необходими за изпълнение и финализиране.

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

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

1. Ограничаване на променливи

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

С опит става по-лесно да се предвиди как ограничаването на определени групи променливи имат мултиплициращ ефект в състава.

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

Мащаб и разстояние

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

След като изберем съотношение, модулната скала може да улесни определянето на мащаба и разстоянието

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

Мрежи

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

Една мрежа ще намали променливите в оформлението

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

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

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

книгопечатане

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

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

цвят

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

Инструменти като Adobe Color CC улесняват предварително дефинирането на палитра

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

Снимки

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

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

Колко вариации в съотношение и размер за изображенията всъщност се нуждаем?

2. Създаване на ръководство за стил по-рано

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

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

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

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

3. Приоритет и адаптация, базиран на модул

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

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

Определете ключови области

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

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

Съсредоточете се върху ключови области

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

4. Да го накараме да работи за всички

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

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

Достъпността е благословия в маскирането

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

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

Това не е само за уврежданията

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

5. Използване на изпитани и тествани модели

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

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

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

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

Заключителна бележка

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

Последвай ме в Туйтър