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

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

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

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



01. Google Календар

Приложението Google Calendar представя сложна информация с минимална визуална бъркотия

Приложението Google Calendar представя сложна информация с минимална визуална бъркотия

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

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

02. Instagram

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

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

Когато Instagram премина през голям редизайн миналата година по-голямата част от вниманието на дизайнерската общност се съсредоточи върху промяната на логото. Но по-фините промени в интерфейса (процесната дигитална агенция Swarm NY нарече конструктивен редукционизъм) може би са по-значими за улесняване на потребителското изживяване и по-лесно за очите.

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

03. Airbnb

С приложението на Airbnb можете да зададете началната и крайната си дата само с два докосвания

С приложението на Airbnb можете да зададете началната и крайната си дата само с два докосвания

Услуга за краткосрочно настаняване Airbnb е друго популярно приложение, което наскоро получи редизайн. И подобно на Instagram, той се възползва от по-съкратен, лесен за използване интерфейс.

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

Airbnb изпълнява този трик, като прави всеки етап от процеса възможно най-опростен. Например можете да зададете началната и крайната си дата, само като докоснете двете съответни дати, след което натиснете Save (както е показано по-горе).

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

04. BBC iPlayer Radio

Отзивчивият бутон за превъртане осигурява минимален, но мощен начин за навигация по радиоприложението BBC iPlayer

Отзивчивият бутон за превъртане осигурява минимален, но мощен начин за навигация по радиоприложението BBC iPlayer

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

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

05. Twitter

Добре изработените икони и различни цветове и стилове на типа правят завеята от информация, изхвърляна от Twitter, по-управляема

Добре изработените икони и различни цветове и стилове на типа правят завеята от информация, изхвърляна от Twitter, по-управляема

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

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

Например, независимо дали искате да търсите в Twitter или да разгледате актуални теми, трябва само да докоснете иконата на лупа в горния десен ъгъл. Що се отнася до действителния ви поток, различните видове информация са добре разграничени, като се използват цвят и размер на размера, а скрийнграбите на включените URL адреси разбиват това, което в противен случай би било буря от текст. Следователно, дори хаотична Twitterstorm е лесна за проследяване; е, лесно за очите ти поне ...

06. Google Drive

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

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

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

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

07. Среден

Medium.com предлага красиво изживяване за четене на публикации в блогове

Medium.com предлага красиво изживяване за четене на публикации в блогове

До 2012 г. това, от което интернет не се нуждаеше, беше друга платформа за блогове. Но това, от което се нуждаеше, беше един с красив дизайн. Така че съоснователят на Twitter Ев Уилямс се задължи, пускайки Medium и използвайки тон рисков капитал през годините, да го превърне в превъзходно визуално изживяване както за читателите, така и за писателите.

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

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

08. Шазам

Shazam изпълнява проста задача в рамките на прост интерфейс

Shazam изпълнява проста задача в рамките на прост интерфейс

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

Дори и най-технологичният собственик на смартфон може да използва това приложение. Екранът за отваряне има не само проста инструкция (‘Tap to Shazam’) и хубав голям бутон за докосване, но въпросният бутон нежно пулсира, като става ясно, че иска да бъде натиснат.

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

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