Детоксирайте вашия дизайн: 8 UI елемента за премахване
Вашият дизайн започва да изглежда стар? Старите и остарели елементи на потребителския интерфейс могат да накарат даден сайт да се чувства много по-стар, отколкото всъщност е.
Тук разглеждаме осем UI елемента, които трябва да премахнете от своя дизайнерски план. Но това не е всичко; всеки „не“ идва с предложение за модернизиране на вашия уебсайт. Този дизайн ще изглежда актуален за нула време!
1. "Плоски" бутони
Един от най-големите проблеми при плоския дизайн като цяло е, че всичко беше, добре ... плоско. За някои потребители това затруднява разграничаването на елементите и затруднява взаимодействията. „Почти плосък“ и „Плосък 2.0“ се появиха като решение на този проблем, помагайки на потребителите по-добре да намерят и взаимодействат с UI елементи.
Опитайте това вместо това: Добавете намек за анимация или ефект на задържане, за да придадете на плосък бутон малко повече акцент. Ако ви харесва видът на плосък, помислете за почти плоска алтернатива или огромен избор на бутоните, които потребителите са по-лесни за намиране и взаимодействие.
2. Текстови карусели
Каруселите и плъзгачите лесно могат да станат обект на големи дебати сред дизайнерите. Дали те са годни за използване и работят добре, често зависят до голяма степен от съдържанието вътре.
Текстовите въртележки или плъзгачи, които показват дълги низове от информация, не са много практични. Плъзгачите, които всъщност не се плъзгат самостоятелно и изискват щракване, също не са особено полезни. И нито една от тези опции не насърчава потребителите да кликват.
Опитайте това вместо това: Ако искате да покажете няколко елемента, използвайте тази техника като дисплей за шепа визуализации, но не като призив за действие и не го използвайте за текстови блокове, които потребителите трябва да четат последователно, Поставете елементи на действие другаде на екрана с директно и лесно разбираемо действие.
3. Връзки за малки събития
Трябва да кликнете (или да докоснете) в уебсайтове, за да видите допълнителна информация, е минало. Потребителите искат да могат да виждат информация с един поглед, без да губят първоначалните си местоположения в браузъра. (Това важи за уебсайтове и приложения.)
Ако можете да показвате информация по начин, който не кара потребителите да се отдалечават от оригиналния източник за тези дивоти, трябва да го направите по този начин.
Опитайте това вместо това: Поповер е малък UI елемент, който се отнася до конкретен бит съдържание. Когато потребителят активира действието, се появява елемент със стил на почти уведомяване (а след това изчезва и). Popovers са една от рекламираните функции в Apple OS X и по уважителна причина; функцията за предоставяне без навигация
4. Всичко, основано на флаш
Има само едно нещо да кажа за Flash: Ако все още го използвате за нещо на уебсайта си, моля спрете.
Опитайте това вместо това: HTML5 вече не е нов и осигурява цялата функционалност, която ви е необходима за възпроизвеждане на аудио, видео и други битове на мултимедия. (Плюс това работи на всички устройства.)
5. Икони с дълги сенки
Това развитие на тенденцията за плосък дизайн беше доста краткотрайно. Въпреки че все още можете да намерите няколко икони или бутони с дълги сенки, стилът вече има датирано усещане.
Опитайте това вместо това: Опитайте да създадете бутон, като използвате плосък стил с някои нотки на сенки или текстура. Тези фини ефекти улесняват „виждането“, отколкото даден елемент е създаден за взаимодействие, като същевременно се запазва с обикновена естетика, която не засяга други визуализации.
6. Мега менюта
Докато мега менюто може да помогне на потребителите да навигират в уебсайт с много съдържание, те не са практични на по-малките устройства. Проблемът с тези огромни менюта е, че често има толкова много съдържание, което потребителят не знае какво да прави по-нататък, претоварва се и изоставя сайта.
Другият проблем с огромните менюта е, че много от тях са проектирани да се отворят при задържане и след това да покрият голяма част от екрана. Това може да причини объркване на потребителите и допълнително да разсее потребителите от това защо те са дошли на вашия сайт или са се преместили в менюто на първо място.
Опитайте това вместо това: Използвайте силна връзка в сайта, за да поведете потребителите чрез битове свързано съдържание. Улеснявайте потребителите да намерят и видят модели в дизайна, за да преминат от един елемент или част от съдържанието към следващия.
Използвайки анализа на сайта, можете да намерите потребителски поток и модели от страница на страница, за да помогнете за създаването на силни връзки към страниците. Ако почувствате необходимостта да се увеличите с навигацията, помислете за цялото екранно плъзгащо се меню, което се кликва умишлено и може да бъде скрито също толкова лесно.
7. Твърде много икони в социалните медии
В този момент потребителите знаят как да споделят съдържание в социалните медии - дори и да няма десетки икони, силни в цялата страница. Всички тези икони вероятно отвличат вниманието от съдържанието ви.
Още по-лошо е силната икона на социалните медии с всички различни цветове и форми на различни канали. Тези икони убиват вашия дизайн. Има по-добри варианти.
Опитайте това вместо това: Добавете персонализирани бутони за споделяне на социални медии в заглавката или долния си колонтитул и ги пазете от отделно съдържание. Проектирайте ги с тънкост, така че да не разсейват потребителите от дизайна и действителната причина за посещение на вашия уебсайт.
Или бъдете малко по-смели и помислете дали да ги изхвърлите. Покопайте се в анализите си; колко хора всъщност използват бутоните за споделяне?
8. "Фалшива" анимация
Бутоните, елементите и други призиви за действие въртят, скачат или променят цвета си, за да накарат потребителите да ги гледат? Тези техники ще датират моментално вашия сайт.
Дизайнът трябва да се използва от потребителите; внимание поради нелепо количество движение, не бива.
Опитайте това вместо това: Дизайн елементи с намерение. Дайте на потребителите някъде да се съсредоточат в дизайна. Всеки екран трябва да включва не повече от един елемент, който може да се изпълни (освен опциите за споделяне в социалните медии). Затова пояснете какво трябва да правят потребителите и проектирайте елемент, който да им помогне да постигнат тази цел.
Елементите в стил карти са добра опция тук. Тъй като контейнерите са по-големи от стандартния бутон, те предоставят много място за кликване и информация. Това може да улесни потребителите да намерят и кликнат на съответното действие. (И картите са удобни за реакция.)
заключение
Правите ли някоя от тези грешки в потребителския интерфейс на вашия уебсайт? Простите поправки могат да ви помогнат да освежите и модернизирате дизайна, като същевременно го улеснявате.
Не забравяйте да разгледате примерите (и кликнете върху връзките, за да видите как работят в действие), за да разгледате начините, по които можете да използвате добре различни типове елементи на потребителски интерфейс. И не забравяйте да споделите част от работата си с нас в галерията Design Shack.
