Икони за пренесување на статусите победа и пораз
Користењето на икони за да се пренесат статусите победа и пораз е ефикасен начин за подобрување на јасноста во дигиталните интерфејси. Една компактна ознака може веднаш да покаже дали делот завршил успешно или не, без потреба корисникот да чита долг текст или да чека дополнително објаснување.
Ваквите елементи се особено корисни во темна визуелна тема, каде што деталите лесно се изгубуваат меѓу многуте карти, ленти и извештаи. Иконите, сепак, не треба да ја заменуваат јасната комуникација. Најдоброто решение ги комбинира визуелниот симбол, текстуалната ознака и контекстот во кој се појавуваат.
Зошто иконите се важни во интерфејсот
Краткиот визуелен код овозможува корисникот да ја прочита состојбата без да помине низ целата содржина. Тоа го намалува времето на реакција, ја олеснува навигацијата и го одржува фокусот на важните информации. Иконите се особено ефикасни во состојби кај што резултатот се менува брзо или се прикажува во ограничен простор.
Добар пример за уредно организирана содржина се материјалите на порталот за дизајн, каде темните теми, навигацијата и читливоста се разгледуваат како меѓусебно поврзани делови. Добро избраната икона ја заокружува таа комуникација и им дава доволно простор на текстуалните содржини.
Иконите помагаат и кога корисникот веќе знае што очекува. Поеднаквото значење, малата големина и предвидливите позиции создаваат визуелна согласност. Кога истиот симбол се користи на повеќе места, препознавањето станува автоматско, а со тоа се намалува и mentalната работа потребна за толкување на интерфејсот.
Избор на симболи за победа и пораз
Формата на иконата е првиот сигнал кој треба да ја разликува победата од поразот. Двете ознаки треба да имаат јасно различни силуети, дури и кога се прикажани сиви или во мала големина. Униформниот на линиите и внатрешните празнини се важни за да не изгледаат како детали од позадината.
Бојата може да ја засили разликата, но не смее да биде единствениот начин за пренесување на информацијата. Црвената и зелената боја не се доволни за корисници со нарушувања во perceives the color. Контрастна светлина, различно обрамчување или различен облик обезбедуваат дека статусот ќе биде видлив и во монохромен приказ.
Значењето на иконите треба да биде еднакво во целиот интерфејс. Крстната форма, на пример, може да се поистовети со копчето за затворање, па е подобро да се употреби симбол со поистакната форма и дополнителен текст. Конзистентниот штити од погрешно толкување и не создава потреба од ново учење во секој нов екран.
Контекст што го појаснува значењето
Иконата никогаш не треба да стои изолирана. Кога се наоѓа до краткото име на акцијата, до резултатот или до редот во кој е прикажан, нејзиното значење станува очигледно. Текстуалната етикета „Победа“ или „Пораз“ ја потврдува визуелната порака и помага во скенирањето на страницата.
Дополнителна инспирација за баланс меѓу форма, боја и големина може да се најде во примерите за визуелен дизајн. Од нив можат да се издвојат принципите за еднаквата видливост на симболите, без непотребно декорирање или пренаметување на основната функција.
Промената на статусот треба да има јасна причинско-следствена врска. Ако иконата се менува, текстуалната ознака и бојата на картичката треба да се изменат во исто време. Кратка анимација или привремено појавување може да насочи кон новиот резултат, но мора да трае доволно за да биде забележана, без да ја бара целосната реакција на корисникот.
Пристапност за сите корисници
Пристапниот интерфејс не зависи само од изборот на икона. Контрастот со позадината, големината, видливоста на фокусот и текстуалната алтернатива заедно создаваат употреблив систем. Во темна тема, LIGHTите граници можат да ја издвојат ознаката, а преголемата осветленост може да ја направи нечитлива.
Практични насоки за оваа област се собрани во упатството за пристапен интерфејс. Тие насоки се применуваат и кога иконите се користат за означување на резултати, бидејќи секој визуелен сигнал мора да има разбирлив текстуален еквивалент.
Иконите без видлива етикета треба да имаат достапно име за читачите на екранот. Името треба да ја пренесе суштината, на пример „Победа“, а не само „Икона“. Корисниците што не разликуваат бои, имаат ослабен вид или ја користат технологијата за следење на фокусот добиваат иста информација како останатите.
Движење, положба и интерактивност
Положбата на иконата води до нејзината видливост. Статусните ознаки најчесто треба да се наоѓаат во истата зона каде што се прикажува текстуалниот резултат, со доволно растојание од соседните елементи. Користењето на истата позиција при сите прикази овозможува корисникот да ја најде без дополнително пребарување.
При интеракцијата се додаваат јасни состојби на фокус, допирање или означување. Иконата треба да има видлив одговор кога е избрана, а важните информации не смеат да се откриваат само при допирање. Корисникот со глупа 或 ја ограничува подвижноста мора да добие иста можност за дејствие.
Анимацијата може да ја придружи промената на статусот, но не треба да ја забавува или да го прикрива новиот резултат. Кратко избледнување, смена на обликот или привремена ознака се доволни. Кога корисникот бара намалено движење, анимациите се исклучуваат, а конечната состојба останува јасна.
Споредба на начините за означување
Ниту еден начин за означување не ги исполнува сите услови. Комбинацијата од икона и текст дава најголема јасност, додека само иконата зачува простор, но создава поголема барања за додатна пристапност. Изборот зависи од густината на информациите,audience-от и начинот на користење.
Пристапните решенија се проценуваат според видливоста, различноста на сигналите, компактноста и отпорноста на грешки. Најдобрата практика е истовремено да се обезбеди визуелна ознака, кратка етикета и доволен контраст, без да се создаде визуелна бурица.
| Начин на означување | Главна предност | Главен ризик | Соодветна примена |
|---|---|---|---|
| Икона со видлив текст | Најголема јасност и пристапност | Зафатќа повеќе простор | Извештаи и картички со резултат |
| Икона со боја и текст | Брзо и лесно препознатлива состојба | Бојата може да доминира | Навигација и известувања во темна тема |
| Само икона | Компактно и визуелно чисто | Значењето не е секогаш очигледно | Добро познат и поеднакво поставен систем |
| Текстуален знак | Не зависи од облик или боја | Занима повеќе хоризонтален простор | Списки, историја и пристапни резервни решенија |
| Анимирана икона | Привлекува внимание кон промената | Може да создаде визуелна бурица | Кратко потврдување на нов статус |
Практични правила за имплементација
Усвојениот систем треба да ги следи иконите, етикетите, боите и позициите како еден целосен модел. Секој нов екран се проверува со истите критеријуми за читливост, состојба на фокус и разбирање на значењето.
Критеријуми за избор на икони
- Иконата за победа и иконата за пораз имаат различна, препознатлива форма.
- Секоја ознака е придружена од кратка текстуална етикета.
- Бојата ја засилува разликата меѓу двата статуса, но не е единствениот сигнал.
- Контрастот меѓу иконата и позадината одговара на барањата за читливост.
- Истиот симбол и значење се користат во сите прикази.
Проверка на имплементацијата
- Интерфејсот се тестира со корисници што не гледаат бои или имаат ограничен вид.
- Секоја икона има достапно име за читачите на екранот.
- При промена на статусот, новата информација се чита без непотребно скокање на фокусот.
- Сите икони се препознатливи при мала големина и на тесен екран.
- Микродизајното известување се проверува во темна и светла тема.
Ваквиот пристап создава еднаков и разбирлив модел на статусот во секој дел од интерфејсот, без непотребно нагласување на визуелните разлики.