Бележка от програмиста: как да се украсяват празни приложения екран
Makradar Mac Os / / December 26, 2019
Напоследък, аз все започна да предизвестие за себе си, че колкото по-активен интерес към темата за развитие приложения за IOS и проектиране на потребителски интерфейси, толкова повече си мислите, или различни от тези други неща. Може да започне да се обърне внимание на разположението на бутоните за управление, размерът на икони и други дизайн неща, от които един нормален човек в ежедневна употреба и не подозира.
Онзи ден попаднах на една много интересна статия Дизайнер Craig DennisВ която той изложени на правилата за проектиране стелажи "чиста" екран на приложението за IOS. Технически погледнато, това се нарича «Empty състояние» - когато програмата по някаква причина не може да покаже нещо на потребителя. Според Крейг, много начинаещи дизайнери не плащат достатъчно внимание на този аспект на заявлението, и защото тя често е правилно информира потребителя за липсата на съдържание е също толкова важна, колкото и самата карта съдържание. Аз си статия изглежда много интересно, така че предлагам намерите кратко превод от основните идеи.
"Чисти" екрани могат да бъдат разделени на три основни вида - за първото използване на приложението, липсата на съдържание и техническа грешка (липса на Интернет връзката, например).
1. първа употреба
Първите впечатления винаги остават в паметта, особено на бедните. Ето защо на дизайнера е много важно да се организира на интерфейса, така че когато за първи път започнете Потребителят програма се срещна не неутрален хладен бял екран, но нещо естетически и функционален. Най-добре е да се направи някакъв визуален образ и да добавите няколко съвета относно използването на приложението (само не претоварване на интерфейса досаден инструкция в духа на капитан очевидно). Отлични примери за забележителната реализацията на тези идеи са Буфер програма, Timehop и Dropbox (можете да видите снимки на екрани по-горе).
2. Липсата на съдържание
поглед Нека да разгледаме ситуацията с електронна поща. Можете да го обичат, или го мразят, голямата част от него е изпълнен с непрочетени съобщения. Знам, че много от хората, които са ежедневни приемните десетки нови съобщения. Разбира се, активна електронната поща на потребителите винаги е удоволствие да се намери една празна кутия. Това ще бъде двойно по-доволен, когато клиент разработчика на електронна поща, ще дам този аспект на няколко часа на работа и правим красива предупреждение за отсъствието на нова поща.
Това е начина, по който този проблем е решен в Спароу, Gmail и стандартна програма Mail в IOS:
Спароу предоставя на потребителя с традиционната иконата на пощенската кутия и «Входящи нула» етикета. Този екран е интуитивен, минималистичен и украсени доста стилен. Малко вероятно е да има някакви въпроси.
разработчиците на Gmail са отишли една крачка напред и да добавят нотка на емоция в молбата Ви - когато Потребителите не са непрочетени съобщения в пред него фука забавна икона слънце с надпис "Enjoy ден! ". Този вид се чувствам като намек човек за това как добро или лошо е (горния пример е очевидно, но има и по-сложни случаи).
Mail.app система кандидатстване не се изработи специален "чисти" страница, така че потребителят само да гадаем защо преди него не съществува списък със съобщения - или просто не разполагат с нови съобщения или грешка при синхронизирането, или неуспех да се свърже Интернет. Този вид въпрос винаги оставя лошо предчувствие от използването на програмата, така че ако интерфейс дизайн, опитайте да изчистите информира потребителя за това защо не се появи, за да очакваното съдържание.
3. Технически грешки
Доста често, потребителят трябва да спазва "чист" екран IOS ап се дължи на факта, че устройството е загубил връзката с интернет и да не можете да изтеглите ново съдържание. Както бе споменато по-горе, за създателя на програмата е много важно и елегантен grammotno да предадат тази информация на потребителя.
Нека да видим как екран за грешка се осъществява в Chrome приложения, Opera Mini и Safari:
Chrome буквално "плюе" на дълъг текст на потребителя от скучно техническа информация. Opera Mini «завърши с" няколко изречения, които не дават на потребителя ясна представа защо браузър не може да отвори конкретен сайт. Най-успешното прилагане, по мое мнение, предлага стандартната програма Safari, който ясно казва, че iPhone не е свързан към интернет.
Още няколко интересни примера: Gmail, YouTube и Instagram.
данни
Как се вземе правилното проектиране "чисти" екран е много важно за съвременните интерфейси - и не само за-програмите IOS. Преди да изпратите на програмата за преглед в App Store, или да издаде окончателното освобождаване, помислете за момент, който ще използва вашата кандидатура и защо. Опитайте се да се обърне внимание на най-малките детайли, които ще помогнат на вашия продукт се открояват от сивата маса на конкуренти. Ако можете да се угоди на потребителите и да оставите добро впечатление за себе си, в бъдеще те ще бъдат готови да ти простя някои недостатъци и грешки.
Послепис Какво мислите за дизайна на "чисти" екран? Има ли някакъв вид субективни желания и общи съвети? Трябва ли да MacRadar редактори пишат за такива тънкости в проектирането и разработването на интерфейси за IOS? Напишете вашето мнение в коментарите, че би било интересно да се обсъди темата с читателите.