9 страхотни дизайна на потребителския интерфейс

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

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

01. Джаз фестивал в Монтрьо

Дизайн на потребителския интерфейс: Джаз фестивал в Монтрьо



Ето един фантастичен начин да изградите своя собствена фестивална програма с няколко премествания(Снимка: Джаз фестивал в Монтрьо)

Няма нищо като да бъдеш на фестивал, за да прекараш нивата си FOMO през покрива; Разбира се, може да се наслаждавате на действието, което виждате сега, но може би има друго, дори по-добро, което се случва другаде, за което дори не знаете. Без значение колко пъти преглеждате дългия списък с изпълнители, непременно ще има няколко абсолютни скъпоценни камъка, които ви липсват. Но тази страхотна част от дизайна на потребителския интерфейс за джаз фестивала в Монтрьо има за цел да ви помогне да се уверите, че можете да извлечете максимума от времето си там.

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

Дизайн на потребителския интерфейс: Джаз фестивал в Монтрьо

Лицо! Откъде са знаели?(Снимка: Джаз фестивал в Монтрьо)

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

02. Накланяща четка

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

Така че е страхотно да видите VR продукт като този на Google Накланяща четка - което ви позволява да изграждате 3D картини във виртуална среда - това не само работи, но е толкова интуитивно за използване и с толкова страхотни резултати, че художниците вече го включват в своите творчески работни процеси. Насочете се насам за някои отлични професионални съвети за започване на работа с това променящо играта креативно приложение.

03. Моделиране

Дизайн на потребителския интерфейс: Patterning

Циркулярният минимален подход на Patterning улеснява навиването на вашите ритми [Изображение: Olympia Noise Co]

IOS барабанна машина на Olympia Noise Co, Моделиране , е за разлика от всеки, който сте виждали преди, и с основателна причина. Вместо да подреждате ритъма си в мрежа като всяко друго музикално приложение, Patterning използва кръгъл интерфейс за основната дейност за излагане на вашите ритми с цветни кодирани барабани, така че лесно да можете да видите какво е това.

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

04. MailChimp

Потребителски интерфейс: MailChimp

Дизайнът на MailChimp е изчистен и плосък и до голяма степен типографски [Изображение: MailChimp]

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

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

Дизайн на потребителския интерфейс: MailChimp

Полезни призиви за действие ви предпазват от загуба в MailChimp [Изображение: MailChimp]

05. Хартия за iPad

Дизайн на потребителския интерфейс: Хартия за iPad

Хартията е проектирана да бъде интуитивна за използване [Изображение: FiftyThree]

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

Проектиран изключително за докосване, потребителският интерфейс на Paper няма бутони или настройки, за които да се притеснявате - просто серия от специализирани инструменти. Универсалният инструмент за рисуване в стил писалка се предлага безплатно, докато Sketch (мек молив), Outline (удебелен маркер), Write (писалка с мастило), Color (акварелна четка) и Mixer (цветен смесител) се предлагат като покупки в приложението.

Дизайн на потребителския интерфейс: Хартия за iPad

Вместо бутони, хартията има набор от специализирани инструменти [Изображение: FiftyThree]

06. Нещата

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

Изчистеният, изчистен дизайн на потребителския интерфейс е предварително разделен на списъци, за да ви помогне да категоризирате задачите си: спешните неща влизат в „Днес“, малко по-неотложните могат да изчакат до „Напред“, докато „График“ планира по-нататък. Всеки запис улавя важна информация с едно движение - заглавие, бележки и срок, както и етикети, ако е необходимо, за да се категоризира всичко. Най-доброто от всичко е, че прозорецът за бързо влизане е достъпен отвсякъде с помощта на прост клавишен път - и всичко това се синхронизира автоматично на работния плот, iPhone и iPad.

07. Монитор на кампанията: Светоглед

Дизайн на потребителския интерфейс: Campaign Monitor Worldview

Worldview излага сложни данни по достъпен начин(Кредит за изображение: Монитор на кампанията)

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

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

08. Фигура

UI design: Figure

Фигурата е създадена, за да ви помогне да изхвърлите мелодии в движение [Изображение: Propellerhead]

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

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

09. Кенеди

Дизайн на потребителския интерфейс: Кенеди

Кенеди добавя контекст към вашите спомени [Изображение: Brendan Dawes]

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

Кенеди , приложение за дневник от винаги отличното Брендън Доус , е създаден, за да добави контекст към вашите спомени. Можете да го използвате, за да създавате текстови бележки за това, което възнамерявате, точно както може да пишете във Facebook или Twitter и може би да добавяте снимки към бележките, докато сте в него. Умното докосване обаче е, че след това Кенеди добавя допълнителен слой контекст, като добавя вашето местоположение, датата и часа, текущите метеорологични условия, заглавие на новини и, ако слушате музика на телефона си по това време, името на парчето, което слушате.

Дизайн на потребителския интерфейс: Кенеди

Добавените подробности на Кенеди правят богата алтернатива на сухите ноти [Изображение: Brendan Dawes]

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

Свързани статии: