5 иновативни примера за дизайн на потребителски интерфейс
В наши дни интуитивни сензорни екрани и интелигентни Приложения за iPhone , вашата аудитория няма да влага никаква работа в използването на вашия продукт, приложение или операционна система - те ще очакват това да е очевидно. Никой няма да прочете дълъг, подробен наръчник с инструкции; вместо това UI design трябва да насочва клиента Ви към постигане на целите му - извършване на цялата упорита работа, така че потребителят да не трябва.
За да ви вдъхновим, събрахме няколко скорошни примера на потребителски интерфейси, които го правят правилно; които го улесняват (за разлика от някои от най-емблематичните потребителски интерфейси в историята на филмите ...) и не отвличайте вниманието от функцията.
Така че прочетете и открийте авангардни и добре обмислени продукти, приложения и операционни системи, които се фокусират върху създаването на страхотно потребителско изживяване чрез дизайн ...
01. iOS
Apple може да е попаднал под ударите наскоро заради неща като дебал около Карти и продължаващия дебат относно използването му на скеуморфизъм . Но понякога е добре да се отдръпнете и да погледнете общата картина: как Apple революционизира компютърния интерфейс по начин, който е повлиял и оформил всичко, което се е случило оттогава.
Компанията е пионер в използването на GUI (графичен потребителски интерфейс) с въвеждането на компютъра Lisa през 1983 г. и по-късно го превръща в основен с пускането на Macintosh през 1984 г. След това, когато представя iPhone през 2009 г., той предлага уникален и удобно за потребителя изживяване на пазара на мобилни телефони.
В продължение на години потребителите на мобилни телефони се справяха само с колелца за превъртане или бутони със стрелки, за да навигират през телефоните си. Сензорният интерфейс и иконите на приложения на iPhone промениха играта, тъй като тя работеше и беше лесна за използване.
Малко се е променило по отношение на основната функционалност на платформата iOS от 2009 г. насам, възпроизвеждайки старата поговорка: „Ако не се повреди, не я поправяйте“. Междувременно Apple продължи да разширява своите продуктови предложения, като адаптира iOS към iPad и iTouch.
02. Windows 8 Mobile
Microsoft играе наваксване на пазара на смартфони, откакто Apple и Google заеха централно място преди няколко години. През 2012 г. Microsoft представи най-новата си операционна система за мобилни телефони, Windows 8, заедно с подобна настолна версия. Windows 8 за мобилни устройства използва използването на интерактивни плочки на живо. Това означава, че когато погледнете началния екран на телефона си, ще видите множество „плочки“ на приложения, които непрекъснато ви актуализират с информация.
Вижте последните си туитове или текстови съобщения само с един поглед и всичко на едно място. Да не говорим, че разположението и значението на плочките са напълно адаптивни.
Цялостният външен вид се различава отчетливо от iOS, който се фокусира върху използването на статични икони за навигация и изскачащи известия като известия за улавяне на входящи данни. Мобилният интерфейс на Window 8 се откроява от тълпата поради преосмислянето на начина, по който гледаме на почти постоянния поток от данни.
03. Термостат Nest
Често дори не осъзнавате колко лошо е потребителското изживяване на традиционния продукт, докато някой не се появи и не го подобри. Пример за това е домакинският термостат.
Преминаването към цифровия ръб не е допринесло особено за подобряването на термостата на вашия дом. Всъщност новите цифрови термостати са много по-трудни за програмиране с объркващите си множество системи от менюта и сложни дисплеи. И така, дизайнерите на термостата Nest са опростили процеса вместо вас.
Увеличете го, когато искате по-горещо и го намалете, когато искате по-студено. Термостатът прави останалото, като се учи всеки път, когато правите настройка и изграждате график за отопление и охлаждане въз основа на вашите промени. Можете дори да го управлявате от вашия смартфон чрез Wi-Fi.
Гледате това! Термостат за гнездо:
04. Nintendo’s History of Mario Kart
Един от големите тенденции в дизайна на уебсайтове в момента е използването на превъртане с паралакс . По същество това означава, че с помощта на колелото за превъртане на мишката можете да преминете през уебсайт по такъв начин, че сайтът да изглежда триизмерен.
Този 3D ефект се създава с помощта на някакво изискано HTML5 и CSS3 кодиране, което кара фона на уебсайтовете да се движи по-бавно от обектите, зададени на преден план.
Това създава уникален потребителски интерфейс, който визуално е по-интересен от традиционното, плоско двумерно превъртане нагоре и надолу, открито на повечето уебсайтове. Сайтът е чудесен пример за превъртане с паралакс и как създава уникално потребителско изживяване.
05. Приложението за iPad на Световния фонд за дивата природа
Потребителските продукти и уебсайтове не са единствените места, където ще видите напредък в дизайна на потребителския интерфейс. Разработчиците на приложения за iPad непрекъснато експериментират с нови начини да позволят на потребителите да взаимодействат със своя iPad освен просто да плъзгат пръста си, за да променят страница.
Световният фонд за дивата природа пусна безплатно ново приложение за iPad, наречено WWF Together, което е зашеметяващ пример за това какво можете да правите с взаимодействия, основани на жестове.
Можете да използвате пръста си, за да премествате айсберги или да изтриете изображение, за да разкриете важна информация за дивата природа на света. Всичко това е обвито в елегантно опростен интерфейс, който е лесен за следване и информативен.
Гледате това! WWF приложение в действие:
Думи : Бен Уайтсел
Бен Уайтсел е медиен дизайнер, специализиран в различни видове създаване на съдържание, включително традиционно оформление на страницата за печат, дизайн на плакати и илюстрации.
Хареса ли ви това? Прочетете тези!
- Открийте какво следва Разширена реалност
- Зашеметяващо iOS икони
- Нашата любима уеб шрифтове - и не струват и стотинка