Добро познаване на ux ui. Какво е UX и UI дизайн

В ИТ индустрията има доста области, свързани с дизайна. Най-често срещаните от тях са дизайнери, скрити зад акронимите UX и UI. Е, някои хора дори успяват да включат front-end разработчици като дизайнери. Нека се опитаме да разберем кои са дизайнерите в света на ИТ, каква е разликата между UI и UX и каква връзка имат предните инженери с дизайна.

Дизайнери

Разработването на интерфейса на приложения, уебсайтове или игри е доста сложен процес и изисква прилагане на знания от различни области: инженерство, психология и дизайн. Дизайнерите на потребителски интерфейс или UI се фокусират върху начина, по който се показва функционалността на сайта (търсене, раздели, менюта) и подробностите за това как клиентът и интерфейсът взаимодействат. Целта на UI дизайнера е естетически приемлив модерен дизайн на продукта. UX означава User Experience, което означава „потребителско изживяване“. UX дизайнерът е по-фокусиран върху използваемостта и разбирането на интерфейса от потенциалния потребител. Такъв специалист често ще провежда проучвания и анкети, които ще формират основата за създаване на концепция за дизайн, а също така ще тества концепции по време и след разработката. Обикновено се фокусира върху структура, съдържание, навигация и как потребителят взаимодейства с тези елементи.

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

Какво трябва да знае един UX/UI дизайнер

Графични редактори. Най-популярните инструменти на пазара са Adobe Photoshop, Adobe Illustrator, както и Sketch, Figma. Изберете удобен за вас редактор и първо се опитайте да нарисувате екранни снимки на уебсайт или приложение, като ги модернизирате малко.

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

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

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

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

Състав и използваемост на сайта.

В зависимост от спецификата на работата, може да се нуждаете от разбиране на HTML и CSS или (някои) езици за програмиране (връзки към ресурси можете да намерите по-долу, в раздела „Какво трябва да знае един Front-end разработчик“).

Преден разработчик

Основната задача на front-end разработчика е да разработи клиентската част на интерфейса. Тоест такъв специалист „съживява“ проектираното от дизайнерите. Той отговаря за работата и работата на интерфейса и по-малко за визуалното съдържание. Разработчикът на предния край често трябва да намеридобро решение

за потребителския интерфейс на етапа на неговото развитие, следователно често взаимодейства с UX/UI дизайнера. Кодът, написан от разработчика на предния край, се изпълнява в браузъра на потребителя (както се казва, „от страна на клиента“). Освен това една от най-важните задачи е да проверите дали сайтът или уеб приложението изглеждат еднакво на всички платформи и браузъри.

Какво трябва да знае един фронтенд разработчик Като правило, предният край струватри стълба : език за маркиране HTML страници , маси CSS стилове и език JavaScript програмиране . Освен това разработчикът на предния край трябва да разбира принципите на работа на HTTP протокола, сървърите и браузърите и характеристиките на показване на интерфейса наразлични устройства

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

HTML и CSS (оформление) Това е оформлението, самите тухли, от които е изграден обектът. езикдиктува организацията на сайта, съдържанието и всички взаимодействия между тях. Позволява ви да обозначите горната част на страницата, долната част, страничните блокове със съдържание, заглавия, показване на текст и мултимедийни елементи. CSS стиловите таблици се използват за декориране на HTML елементи. Те определят как точно всеки графичен елемент, който се намира на страницата. Използвайки най-новите версии на HTML5 и CSS3, можете да поставяте видео и аудио компоненти на страницата, да създавате 2D изображения и анимации и дори да пишете прости игри. Няма нужда да се опитвате да запомните всички тагове и стилове наведнъж. Ще бъде полезно да научите основите и да ги приложите веднага в действие. Много добър сайт за разглеждане Основи на HTMLи CSS - W3School. Но само ако имате поне основни познания по английски. Също така, фронтенд разработчикът трябва да разбира кросбраузърно и кросплатформено развитие, адаптивно и отзивчиво оформление.

Bootstrap

Това е рамка за HTML, CSS и JavaScript. Тоест определени шаблони, от които, като от конструктор, можете да сглобявате сайтове много по-бързо, отколкото без тях. Но, разбира се, вие сами трябва да го персонализирате, за да отговаря на вашите нужди. Ако знаете английски, препоръчваме уебсайта getbootstrap и същите w3schools.

JavaScript

Javascript е ядрото на разработката на предния край. Това е първият и най-разпространен език за програмиране на интерфейса. Може да добави много функции към сайта. На основно ниво този език ви позволява да добавяте интерактивни елементи към страница. Използва се за създаване на карти, които се актуализират в реално време, интерактивни онлайн игри и филми. В нашите курсове по JavaRush за старши научаваме малко JavaScript. Можете също да го изучавате в същата W3School или да прочетете за него на руски на уебсайта javascript.ru.

jQuery

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

Javascript рамки

има различни видоверамки, но можете да изберете една от тях, която ще ви бъде удобна за използване. Най-известните са Angular, Backbone, Ember и React. Те представляват готова структура за код. Те помагат за ускоряване на развитието. И в комбинация с библиотеки те могат да сведат до минимум разработването на уебсайт или приложение от нулата. Преглед на 5-те най-популярни JavaScript рамки и библиотеки за 2017 г

Git система за контрол на версиите

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

Кратки изводи

UI означава User Interface, което означава „потребителски интерфейс“. т.е. UI дизайнерноси основна отговорност за начина, по който продуктът се представя на потребителя. Той разработва бутони, икони, избира шрифтове и подготвя оформление. UX означава потребителско изживяване. И така UX дизайнерпроектира дизайна на уебсайт, приложение - или каквото и да било - така че потребителят да е удобен и разбираем какво има и да може да получи от сайта това, от което се нуждае с минимални усилия. Много често и двата вида работа се извършват от един оркестър: UI/UX дизайнер. Front-end разработчикът оживява работата на дизайнерите, въвеждайки динамика в нея: бутоните започват да се натискат и картината започва да се променя. Той трябва да знае езици за програмиране, подправени с рамки, препроцесори и библиотеки.

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

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

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

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

Въпреки това UX индустрията се разраства бързо сега. Само вижте колко е нараснал броят на специалистите по UX (или „User Experience“).

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

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

Кой е UX дизайнер?

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

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

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

Какво прави един UX дизайнер?

Един добър UX специалист може да комбинира всички аспекти на страхотно потребителско изживяване в един продукт.

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

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

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

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

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

Телените рамки и скиците са само малка част от работата

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

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

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

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

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

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

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

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

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

Дефиниране и създаване на персони

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

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

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

Когато не можете да се наречете UX дизайнер

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

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

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

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

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

Вземете решения само въз основа на личен опит, също лоша идея. Ако шефът ви попита: „Защо решихте да използвате полета за етикет вместо друго алтернативен вариант обратна връзкав последното ви проучване?“, трябва да отговорите нещо по-добро от просто: „Избрах ги, защото ги харесвам“. Това определено не работи в UX дизайна.

Ако искате да станете успешен и квалифициран UX дизайнер, е много важно да използвате всички инструменти за проектиране - от интервюиране на клиенти до тестове за използваемост, създаване на персони, контекстуални оценки, концептуални модели, карти на сайтове, прототипи на продукти, wireframes, A/ V оценки и много повече.

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

Продуктът винаги трябва да се развива

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

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

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

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

Представяме ви нова статия от поредицата. В тази част от поредицата ще разгледаме позицията на UX/UI дизайнер – специалист, отговарящ за съответствието външен види логика на продукта.

UX/UI дизайнер- специалист, който проектира потребителски интерфейси.

Типичен работен денвключва:

работа по приоритетни задачи (проектиране, чертане);
комуникация с клиента;
правя редакции.

Предимства и недостатъци

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

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

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

„Лично аз се дразня от глупави приложения, неудобно разположение на бутоните в асансьорите, лошо проектирани интериори на коли – обичам да правя нещо, което може да подобри това. Този свят е толкова несъвършен (не природата – там всичко е съвършено и балансирано), че винаги има работа за умния дизайнер.”

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

„Харесвам UX/UI дизайна, защото това е много обещаваща посока. Технологиите се развиват много бързо, някои интерфейси се заменят с нови и всички те трябва да бъдат проектирани. Тук можете не само да мислите дали интерфейсът изглежда красив, но и колко удобен е и доколко може да реши проблема на човек (или бързо да намерите правилното кафене, или да резервирате билет за концерт, или да помогнете да подготвите любимия си ястие). Интерфейсите са навсякъде: от медицинско оборудване до автомобили. Когато колите летят, ще е необходимо някой да мисли за взаимодействието на техния интерфейс с човек. И това ще бъдем ние - UX/UI дизайнерите."

Друг плюс е възможността за отдалечена работа (20% от всички дизайнери), голям избор от проекти на свободна практика.

Сред минуситеДизайнерите наричат професията си общуване с клиенти, които не знаят какво искат, както и подценяване от колегите в ИТ сферата:

„В 80-90% от случаите трябва да работите без технически спецификации с изисквания като: „Направете го мега-красив и мега-конфигурируем.“

„Смятам, че отношението към дизайна и дизайнерите в Украйна е недостатък на професията. По някаква причина всички смятат, че ако веднъж са отворили Photoshop, те автоматично могат да бъдат дизайнери и независимо да решат колко време ще отнеме дизайнът. Неопитните мениджъри и програмисти са особено виновни за това (един начинаещ мениджър твърди, че може да изпълни задачата за 30 минути в Paint, но няма време за творчество).“

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

„Недостатъците – както във всички ИТ – заседнала работа, болезнени очи и понякога клиент, който трябва да направи бялото #ffffff още по-бяло :)“

Как да стана и къде да се преместя по-нататък

Първото и основно умение в UI е да овладееш графичен редактор. Най-популярните инструменти са Adobe Photoshop, Sketch, Principle, Adobe Illustrator, After Effects. Като начало можете да опитате да преначертаете екранни снимки на всяко мобилно приложение или уебсайт. Но не просто копирайте (въпреки че трябва да можете да правите и това), но забележете някои неудобства и предложете решение как да го направите по-добре.

Също така е важно да разберете теорията на цветовете, типографията, композицията, ергономията на уебсайта (принципи на използваемостта на интерфейса), както и основите на маркетинга, бизнес анализа и психологията. За по-ефективна комуникация с разработчиците ще са полезни уменията за оформление (HTML/CSS) и основни познания по JavaScript и frameworks.

Можете да започнете да изучавате UX, като се запознаете с методологията, като четете книги на Nielsen Norman, Alan Cooper, Jeff Raskin, Steve Krug, Alistair Coburn. По-приложна литература е „The User Experience Team of One: A Research and Design Survival Guide” от Leah Buley.

„ВЪВ модерен святИма много възможности за реализация. Купих и продължавам да купувам онлайн курсове на платформи като Coursera, Udemy, Edx. Гледам онлайн конференции от Adobe, Google, чета техническа литература, анализирам работата по Dribbble, Behance, Awwwards.”

„UX/UI дизайнерът трябва да изучава класиката на потребителския интерфейс: „Не ме карай да мисля“ от Стив Круг, „Дизайнът на обикновените неща“ от Норман, прочете Люк Вроблевски. Трябва постоянно да практикувате, да се поставите на мястото на потребителя. Намерете ментор, който ще посочва грешките, ще дава съвети и ще насърчава растежа.“

Можете да започнете кариерата си на свободна практика на различни англоезични платформи; също така ще бъде полезно да тествате уменията си на шампионати, например Dev Challenge. Това ще ви помогне да изградите портфолиото си.

UX и UI умения и компетенции ()

Важни лични качества са:

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

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

Възможни кариерни пътища UX/UI дизайнер:

усъвършенствайте се като дизайнер, увеличете тарифата си (ако сте на свободна практика);
овладяване на свързани области, развиване като продуктов дизайнер, VR дизайнер, VFX дизайнер, Game дизайнер;
израсне до позиция Арт директор (ръководител на дизайна);
развивайте се така, сякаш искате да преминете от проектиране към управление на продукта като цяло;
станете, ако се интересувате от координиране на хора;
направете, ако се интересувате повече от техническия аспект;
овладеете програмирането и станете UI разработчик;
опитайте се в маркетинга или .

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

Благодаря на Юлия Бондаренко, Максим Паливода, Марина Поповиченко и 25 други украински дизайнери, които разказаха на DOU за своята позиция, за тяхната помощ при написването на статията. Цитатите, дадени в статията, са взети от техните истории.

Ако искате да се развивате в сферата на дизайна, тогава, разбира се, трябва постоянно да усъвършенствате уменията си, да сте в крак с тенденциите и да познавате съвременните изисквания за дизайн, както и специални термини. Един такъв термин е UX/UI дизайн.

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

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

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

Потребителят трябва да се чувства комфортно и всичко трябва да е ясно

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

Разлики между UX и UI дизайн

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

Вътрешна структура, йерархия, огромен брой допълнителни услуги (Директен, Метрики, Wordstatи т.н.) е UX. Но, например, фактът, че връзките, които вече сте следвали, са маркирани с различен цвят - това е UI. Същото важи и за потребителския интерфейс, че сайтът е чист бял фон, интервал между резултатите резултати от търсенето, достатъчни за удобно възприемане, favicon, както и възможност за достъп до вашата поща по всяко време в горния десен ъгъл на сайта.

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

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

Области на приложение

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

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

За да разберете проблемите с UX/UI дизайна, не е достатъчно да прочетете учебник или няколко статии веднъж, да разберете основите и да завършите няколко проекта. Полето на уеб дизайна се променя и развива почти всеки ден, така че изискванията и какво „ вчера"беше в тенденция," Днес„вече не е комилфо.

Как да разберете дали вашият дизайн е правилен

Ако говорим за задачата за продажба, тогава „коректността“ на UX дизайна се проверява от A/B тестване или фокус групи. Това ви позволява да видите колко ясен и удобен е интерфейсът за потребителя. Например, всички членове на фокус групата получават задачата да намерят определен раздел на уебсайта или да се регистрират. Колко бързо се справят с това говори много за качеството на UX дизайна.

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

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

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

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

UX дизайн

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

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

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

Основните проблеми, адресирани от UX дизайна:

Поставяне на цели и задачи – какво в крайна сметка трябва да постигнем?
Избор на подходящи UX инструменти за постигане на вашите цели
Разработване на продукт, който е възможно най-удобен и лесен за разбиране целева аудитория
Анализ на крайния резултат – дали продуктът отговаря на очакванията на клиента и колко високо е нивото на потребителска удовлетвореност.

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

UI дизайн

Дизайн на потребителския интерфейс или потребителски интерфейс- това е по-тясно понятие, което включва определен набор от графично проектирани технически елементи(бутони, квадратчета за отметка, селектори и други полета). Неговата задача е да помогне на потребителя да организира взаимодействие с програмата/сайта. В момента има такива Правила за дизайн на потребителския интерфейс:

Организация на интерфейсните елементи.Това означава, че те трябва да бъдат логически структурирани и взаимосвързани.
Групиране на интерфейсни елементи.Това включва комбиниране на логически свързани елементи (менюта, форми) в групи.
Подравняване на интерфейсни елементи. Трудно е да си представим, че лошо подравнен интерфейс може да бъде удобен за всеки!
Единичен стилинтерфейсни елементи.Стилът играе важна роля, защото той е това, което се запазва в паметта на потребителя.
Наличие на свободно място.Това ви позволява да разграничите информационните блокове, като фокусирате вниманието върху едно нещо.

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

Информационна архитектура (IA)

Отделно бих искал да кажа няколко думи за Информационна архитектура (IA). Работата му се фокусира върху организацията на данните, тоест степента, до която информацията е структурирана от гледна точка на потребителя, а не върху технически или системни правила. Той определя разположението на елементите на страницата, връзката на самите страници. Компетентността на ИА е по-скоро менюта и навигация и компетентното им изпълнение.

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