Мисли мање. Дизајн бољи.

Промовисање бољег тока рада у дизајну сучеља путем управљивог процеса доношења одлука и размишљања.

Добро дизајниран кориснички интерфејс резултат је низа кључних одлука које не само да чине интуитивно искуство, већ и естетски воле корисника. Поједностављењем процеса доношења одлука може се омогућити лакши радни ток и веће шансе за постизање оптималног резултата.

Што је више могућности доступних у процесу дизајнирања, више је размишљања потребно за извршење и финоћу.

Амерички психолог Барри Сцхвартз написао је у "Парадок оф Цхоице" да елиминација избора може у великој мјери смањити анксиозност. Устврдио је да требамо имати стандарде и критерије, али не бринути о могућности да можда постоји нешто боље. Било је то у контексту потрошача, али верујем да се односи и на дизајнерске одлуке.

Стратегија максимизирања заправо не треба бити перфекциониста, већ доносити најповољније одлуке које колективно стварају оптимално искуство.

1. Ограничавање променљивих

Ако узмемо у обзир све потенцијалне променљиве за стварање концепта високе верности, а може их бити много, постаје јасно да их морамо рано ограничити и дефинисати. Смањење количине доступних избора олакшаваће одлучност.

Са искуством постаје лакше предвидјети како ограничавање одређених група променљивих има мултипликативни ефекат у целој композицији.

Смањење избора не одговара смањењу оригиналности. Наша претпоставка је да стварање концепата око унапред дефинисаних правила представља ограничење, али као дизајнери можемо успоставити сопствена правила и бити у потпуној контроли формулисања истих.

Вага и размак

Свака страна УИ дизајна треба да се врти око система који промовише ритам и помаже у одржавању доследности у обиму и простору како пројекат расте. Један такав систем који волим да користим је модуларна скала, која може олакшати скалирање из било којег датог омјера за мјерење или постављање величине елемента или негативног простора у композицији.

Једном када одаберемо омјер, модуларна скала може олакшати дефинирање размјера и размака

Иако може да смањи променљиве на решеткама, типографији, вертикалном растојању и укупним димензијама изгледа до нивоа који се може водити, он такође пружа пријатну естетику и ритам. Дизајнирање корисничког сучеља је далеко лакше.

Мреже

Грид системи су одлични за ограничавање начина организовања садржаја унутар хоризонталне равни и не-браинер када је у питању УИ. Међутим, решетка се често бира без превише размишљања, да би била јединствена за све. Оно што већина дизајнера не схвата је да је боље креирати мрежни систем који је изграђен око садржаја.

Систем решетки ће смањити променљиве у распореду

То значи да је у идеалном случају унапред јасно разумети сценарије садржаја, тако да слика о томе како боље служити садржајем из одређене мреже. Размислите о ограничењима пословања с постојећим производима и водичима робне марке, као што је логотип који има посебна правила и захтеве за размаке, или можда огласе са одређеним фиксним јединицама.

Врста садржаја је такође фактор. Постоји велика разлика између осмишљавања изгледа за продавницу, објаве вести или блога или једноставне странице за рекламу. Изглед који је слика тешка у односу на реч. Било би корисно разумјети обрасце скенирања ока и како они утичу на визуелну хијерархију.

Што више разумете пословне и садржајне рестрикције, лакше ћете одабрати мрежни систем и доносити одлуке о распореду.

Типографија

Ја бих тврдио да је типографија најважнији аспект дизајна корисничког сучеља, јер може чинити до 95% веба и бити покретачка снага комуникације.

Иако се системи попут модуларне скале могу применити на величину и водеће, породице и стилови фонтова такође могу бити ограничени. Корисничко сучеље никада не би требало да прелази двије породице и неколико тежина. Правила се такође могу проширити на начин на који се поступа са образложењем и насловом.

Боја

Лако се претерано ревносно посветити палети. Мали распон тонова може проћи дуг пут до стварања довољних и конзистентних визуала. Обично све што нам треба за почетну тачку је пет узорака.

Алати попут Адобе Цолор ЦЦ олакшавају предефинисање палете

Већина брендова треба да садржи примарну или акцентну боју, као и неколико неутралних или контрастних тонова како би их похвалили. Не треба нам 15 нијанси једног тона, посебно на почетку. Боље је започети малу и накнадно повећати нијансу или две.

Слике

Начин на који уграђујемо слике у корисничко сучеље у великој мери одређује контекст садржаја. Ако имамо груб појам о томе шта је то, можемо створити почетну тачку за наше слике са променљивим за однос, величину, облик и третман. Можда ћемо открити да нам не треба толико много.

Ограничавање наших променљивих слика ће обезбедити бољу конзистентност и олакшати управљање имовином слика на дужи рок. Исто важи за иконографију.

Колико варијација у односу и величини за слике нам заправо требају?

2. Израда водича за стил раније

Како пројекат УИ концептуално расте, постаје све важније креирати и одржавати водич за стилове или библиотеку узорака. Ово ће успоставити принципе дизајна како би се помогло скалирање пројеката, одржавању ритма и доследности. Ако претходно дефинишемо променљиве, то је добар начин да их документујемо. Будуће доношење одлука ће бити лакше с водичем за стил него без њега.

У зависности од пројекта, креирање водича за стил је луксуз и често је намењено будућим референцама. Због тога се већина водича за стил саставља у последњем тренутку или након завршетка пројекта и то је још увек добра пракса. Но, иако има доста пострационализације и резоновања за стилски водич који помаже будућем дизајну и развоју, он заправо може помоћи у изградњи верности у раним фазама концептуализације.

Стварање основног водича за стил одмах на почетку ће не само успоставити принципе раног смањивања одлука о дизајну, већ ће такође помоћи као инфраструктура за развој и проширење принципа који иду напријед.

Ако га направите у старту, не значи да мора бити комплетан - далеко од тога. Стилови имају тенденцију да се више развијају у раним фазама, а што већи пројект постаје јаснији и стежу границе.

3. Приоритет и прилагођавање засновано на модулу

У системима дизајнирања заснованим на модулацији, као што је Брад Фрост-ов Атомски дизајн, изглед се може формулисати из специфичних кључних области. Модули постају поново употребљиви у различитим изгледима. Интерфејси се третирају као системи, а не странице, а дизајн и развој који се заснива на узорку представљају велики део процеса.

Ово је сјајна методологија и омогућава да дизајн УИ буде много управљивији, али да би био ефикаснији, морамо дати предност кључним областима и прилагодити све остало око њих. То ће заузврат осигурати визуелну кохерентност.

Идентифицирајте кључна подручја

Наш дизајн би требало да се врти око важних делова. Приоритет сваке области одређује се њеним садржајем или функционалношћу у интерфејсу и у основи је кључ слагалице.

Прво усредсређујући се на важна подручја, након тога смањујемо дизајнерске одлуке, јер се следећа подручја морају савијати и прилагођавати постојећем окружењу.

Усредсредите се на кључна подручја

Једном када су идентификована подручја високог приоритета, ради се о супер фокусирању на критичне делове и њиховој припреми за завршетак. Идеја је осигурати њихову интуитивност и испуњавање свих захтева пре прилагођавања мање важним областима.

4. Учинити то за све

Хиљадама година дизајнери настоје учинити једну ствар - ефикасно комуницирати. Непрестано измишљамо и допуњавамо начине да боље визуелно и звучно комуницирамо са публиком.

Уз све већи приступ информацијама од најшире могуће публике, постаје неопходно да максимализујете приступ што већем броју људи.

Приступачност је благослов у прерушавању

Угоститељство широј публици звучи као више посла и примамљиво је приступање схватити као препреку иновацијама. Међутим, поштовање најновијих стандарда може бити благослов у прерушавању, посебно ако постану друге природе.

Примјери тога у дизајнерском смислу могу укључивати захтијевање да нам треба минимална величина фонта на тјелесној копији или значајна количина контраста између копије и позадине, или веће повезане површине на додирним уређајима.

Није само ствар са инвалидитетом

Приступачност није само прилагођавање инвалидитету као што би неки подразумијевали, већ и корисници са наслијеђеним уређајима и прегледачима који не подржавају све најновије функције и побољшања. Свесност ових стандарда и њихово поштовање природно ће смањити дизајнерске одлуке.

5. Кориштење испробаних и тестираних образаца

Чињеница је да корисници сучеља сматрају интуитивним када се уклапају са стотинама уобичајених образаца дизајна које су апсорбовали из година праксе и излагања. Чим почнемо да се одвајамо од типичних калупа и газимо нову земљу, можда ћемо пронаћи време да нови образац постане потпуно интуитиван за масе.

Постоје време и место за стварање оригиналних УИ образаца, али не треба се оглушити о уобичајене технике - успешни су с разлогом.

Сребрна облога за нас је да мање бринемо о измишљању и концентришемо се на естетику. И даље је могуће створити оригинални рад на основу устаљених образаца.

Што више упознајемо и интегрирамо успјешне обрасце дизајна, мање избора морамо донијети као дизајнери. Не размишљамо нужно о томе шта би могло радити, већ о томе шта ће радити.

Завршна напомена

Неки од ових приступа појединачно не могу у значајној мери смањити наше мишљење и одлучивање или побољшати наш дизајн. Међутим, ако их комбинирамо заједно, уз добру повратну информацију на путу, може значајно олакшати дизајн бољег корисничког сучеља.

Запрати ме на твитеру