Пять основных правил дизайнера интерфейсов

Краткое пособие для профессионалов и начинающих.

В закладки
Аудио

Правило №1. Скругляй

Скругляй всё. Видишь квадрат? Скругляй. Хотя бы немного. Идеально, если ты сделаешь квадрат в форме круга.

Из интервью с ведущим дизайнером Google Питером Стивенсоном:
« — Да, у нас есть целое подразделение, которое занимается исследованием в этой области. Мы стараемся находить наименее скруглённые объекты, и делать их еще более овальными. Мы — перфекционисты. В следующем году мы планируем подготовить петицию в Конгресс США за официальное признание форм «круглый треугольник» и «овальная трапеция» на государственном уровне. Наши юристы уже готовят документы для оформления патентов. Не удивлюсь, если через пять-десять лет круглые экраны смартфонов станут обыденностью. Это часть эволюционного процесса.»

Правило №2. Скрывай

«Видишь суслика? Нет. И я не вижу, а он есть.» © ДМБ

Одно из главных оружий современного дизайнера — скрытые элементы интерфейса. Необходимо заинтриговать пользователя. Нет кнопки? Какая жалость! Пусть наведет курсор, и она появится. Все просто. Левее. Еще левее! Совсем горячо! Это игра. Люди ведь любят играть, верно? Всегда держи их в тонусе.

Из служебной переписки дизайнера (д) с арт-директором (а-д):
(д): — Стив, я не знаю что делать. Наши пользователи слишком быстро находят дополнительное меню на экране. Что нам делать?
(а-д): — Давайте попробуем выводить его не при наведении курсора, а при клике в пустой области экрана. Это должно их задержать.
(д): — Стив, вы просто гений! Приступаю.

Правило №3. Поглощай

Ты должен победить в войне с пользователем. Каждый год он покупает себе новый монитор с еще большей диагональю. Двадцать дюймов? Двадцать четыре? Двадцать семь? Будь на шаг впереди него. Увеличивай элементы интерфейса. Нечем заполнить? Добавляй отступы! Да, ещё! Вот так! Пойми уже, наконец, не бывает слишком больших экранов. Идеально, если ты разнесёшь всю информацию на несколько экранов, пусть скроллит. Пользователя необходимо чем-то занять. Покажи ему, кто здесь хозяин положения.

Правило №4. Меняй привычное

[ОК] - [Cancel]

[Yes] - [No]

[Yes] - [No] - [Cancel]

[Yes] - [No] - [Help]

Знакомые конструкции расположения кнопок? Возможно, ты их замечал на древних наскальных рисунках времён палеолита и Windows 95? Век динозавров прошел. Будь смелым, будь свежим! Группируй по-новому! Меняй очередность так, как видишь ты. Для получения чёрного пояса по дизайну, выводи кнопки в рандомном порядке каждый раз при вызове диалогового окна. Кто-то скажет — непривычно? Мы ответим — инновационно! Для большего эффекта используй данное правило совместно с правилом №2.

Правило №5. Десять против одного

Последнее по счету, но не по значимости, правило. В переводе с древнедизайнерского звучит оно так — лучше десять раз заменить иконки, чем один раз добавить новую функцию. Это Закон Вселенной.

Здесь находится опрос. Но он пока не работает в приложении.

А какое из этих правил используете в работе именно вы?

Проголосовать
Переголосовать
Показать результаты

#дизайн #UI #UX #юмор

Материал опубликован пользователем. Нажмите кнопку «Написать», чтобы поделиться мнением или рассказать о своём проекте.

Написать
{ "author_name": "Анатолий Добрянский", "author_type": "self", "tags": ["\u044e\u043c\u043e\u0440","\u0434\u0438\u0437\u0430\u0439\u043d","ux","ui"], "comments": 13, "likes": 25, "favorites": 45, "is_advertisement": false, "subsite_label": "design", "id": 51486, "is_wide": false, "is_ugc": true, "date": "Thu, 22 Nov 2018 15:57:19 +0300" }
{ "id": 51486, "author_id": 213796, "diff_limit": 1000, "urls": {"diff":"\/comments\/51486\/get","add":"\/comments\/51486\/add","edit":"\/comments\/edit","remove":"\/admin\/comments\/remove","pin":"\/admin\/comments\/pin","get4edit":"\/comments\/get4edit","complain":"\/comments\/complain","load_more":"\/comments\/loading\/51486"}, "attach_limit": 2, "max_comment_text_length": 5000, "subsite_id": 199114, "possessions": [] }

13 комментариев 13 комм.

Популярные

По порядку

Написать комментарий...
12

№6. Развлекай! Реклама должна занимать не менее 50% экрана, иначе юзеру будет скучно и он удалит твоё приложение.

Ответить
1

Ребят, тут представитель РБК в комментах

Ответить
4

че за набор бреда или я не понял иронию

Ответить
2

Видимо постирония

Ответить
0

возможно, сразу и не понятно

Ответить
0

антихайп, не кури не бухай а скругляй!

Ответить
1

а не, понял иронию.. это я долбоеб тупой👍

Ответить
3

Да, все верно. Забыл хештег #юмор поставить, думал это очевидно. Просто написал о наболевшем))

Ответить
4

Скругляй всё. Видишь квадрат? Скругляй. Хотя бы немного. Идеально, если ты сделаешь квадрат в форме круга.

"Петрович, ты заебал уже - мы металопрокатный цех, мы производим квадратные листы!"

Ответить
4

Используй natura design interface. Стоит ли искать что-то еще, когда у природы уже есть все ответы.

Ответить
0

Огонь!
Открывала статью с кислой миной. Начала читать и сильно удивилась - что за бред!
Но нет, это стёб. Это прекрасный стёб, сарказм.
Назовите как хотите, статья прекрасна!

Ответить
0

Основных? Смахивает на чушь из пальца.

Ответить
0
{ "page_type": "article" }

Прямой эфир

[ { "id": 1, "label": "100%×150_Branding_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox_method": "createAdaptive", "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfl" } } }, { "id": 2, "label": "1200х400", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfn" } } }, { "id": 3, "label": "240х200 _ТГБ_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fizc" } } }, { "id": 4, "label": "240х200_mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "flbq" } } }, { "id": 5, "label": "300x500_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfk" } } }, { "id": 6, "label": "1180х250_Interpool_баннер над комментариями_Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "ffyh" } } }, { "id": 7, "label": "Article Footer 100%_desktop_mobile", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjxb" } } }, { "id": 8, "label": "Fullscreen Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjoh" } } }, { "id": 9, "label": "Fullscreen Mobile", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjog" } } }, { "id": 10, "disable": true, "label": "Native Partner Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyb" } } }, { "id": 11, "disable": true, "label": "Native Partner Mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyc" } } }, { "id": 12, "label": "Кнопка в шапке", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "p1": "bscsh", "p2": "fdhx" } } }, { "id": 13, "label": "DM InPage Video PartnerCode", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox_method": "createAdaptive", "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "flvn" } } }, { "id": 14, "label": "Yandex context video banner", "provider": "yandex", "yandex": { "block_id": "VI-223676-0", "render_to": "inpage_VI-223676-0-1104503429", "adfox_url": "//ads.adfox.ru/228129/getCode?pp=h&ps=bugf&p2=fpjw&puid1=&puid2=&puid3=&puid4=&puid8=&puid9=&puid10=&puid21=&puid22=&puid31=&puid32=&puid33=&fmt=1&dl={REFERER}&pr=" } }, { "id": 15, "label": "Плашка на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byudx", "p2": "ftjf" } } }, { "id": 16, "label": "Кнопка в шапке мобайл", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byzqf", "p2": "ftwx" } } }, { "id": 17, "label": "Stratum Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvb" } } }, { "id": 18, "label": "Stratum Mobile", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvc" } } }, { "id": 19, "label": "Тизер на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "p1": "cbltd", "p2": "gazs" } } } ]
Голосовой помощник выкупил
компанию-создателя
Подписаться на push-уведомления
{ "page_type": "default" }