Оргазм от динамического чёрно-белого прототипа

Если у вас нет оргазма от динамического чёрно-белого прототипа, у вас не будет оргазма совсем.

Цвет добавляется потом. Там, где надо, и в том количестве, которое надо. Если вы всей командой сели, поклацали голимый, грязный прототип и не сказали «слушай, оно!», у вас не будет дальше оргазма.

Ну как, будет, но у отдела маркетинга. У той девочки, которая любит вот этот конкретный градиент.

Из выступления Максима Ткачука:

Попрание принципа наглядности

Современные дизайнеры снова и снова попирают принцип наглядности. Очень часто они прячут от пользователей детали, которые должны быть видны. Ручки на дверцах шкафов делают дизайн неэстетичным, поэтому их либо делают едва заметными, либо вообще выбрасывают. Щели, указывающие на наличие двери, тоже отвлекают внимание от совершенства линий, поэтому дизайнеры стараются сделать эти естественные подсказки практически незаметными. В результате остаётся только гладкая блестящая поверхность без каких-либо признаков дверей или ящика, не говоря уже об отсутствии подсказок, указывающих на то, как эти предметы использовать.

Силовые выключатели тоже часто спрятаны. На многих приборах кнопка «Вкл» находится снизу, а на некоторых мониторах и системных блоках — сзади. Выключатель дизайнеры иногда прячут так, что его практически невозможно отыскать. Эксплуатация многих систем заметно улучшается после того, как незаметные детали становятся заметными.

Из книги Дональда Нормана «Дизайн привычных вещей», пересказанной The Village.

10 правил хороших форм

Скорость решения задачи пользователя и общее впечатление от сервиса во многом определяются тем, насколько успешным будет взаимодействие с формами. Вход с паролем, заполнение адреса доставки, платёжных данных или анкеты — всё это формы, которые требуют особого внимания.

Форма считается хорошей, если по мере её заполнения у пользователей не возникает никаких вопросов. Чтобы добиться этого, достаточно следовать 10 правилам хороших форм от Сергея Кулинковича из Студии Артемия Лебедева.

Например, необходимо, чтобы принцип работы элемента интерфейса однозначно считывался по его внешнему виду. Поэтому все элементы управления должны наследовать характерные черты, знакомые пользователю.

Внешний вид чекбоксов

 

Следование мимолётным трендам

Примитивный флэт-дизайн не решает задачу, напротив — усложняет её. Кнопка перестаёт быть кнопкой, иконка одного предмета схожа с иконкой другого. Но хуже всего — тупое следование тренду.

Если вы больше думаете о том, «кошерно ли» у флэтовой кнопочки рисовать тень, вместо того, чтобы думать о назначении той самой кнопочки, то уходите из профессии.

Ограничивать себя глупыми правилами в угоду мимолётным трендам, тем самым забывая о том, что дизайн призван решать задачу (проблему), — как минимум, непрофессионально.

Из заметки дизайнера мобильных интерфейсов в Яндексе Артура Касимова «Clean design».

Стилистика прототипов

Обходитесь без графических элементов и используйте оттенки серого. Разбираясь с прототипом, клиенту требуется определённая доля воображения. Цвета и стилеобразующие элементы искажают восприятие прототипа. Чем больше графики вы будете использовать в работе, тем сложнее вашему клиенту будет утвердить дизайн-макет, сделанный по этому прототипу. К примеру, использование в прототипе синих кнопок с тенью может натолкнуть вашего клиента на утверждение этих форм. Стилизация — чисто дизайнерская задача, способствующая формированию общего настроения, помогающая расставлять на странице акценты и держать содержание в эстетической гармонии. В прототипах эти задачи не решаются.

И ещё 8 простых правил Василия Бердникова, помогающие делать хорошие прототипы.

Стилистика интерактивных элементов

Не стоит цвет ссылок и интерактивных элементов назначать любым другим элементам, многие действия пользователя интуитивны и клики на голубые плашки разделов без обратной реакции могут раздражать. Правила здесь только в создании модели единых для проекта сигналов.

Люди не перепутают зелёные ссылки, если они везде создают единый сигнал мозгу. Это элемент как функциональный, так и эстетический. Интерактивная активность должна быть обозначена. Проблема подчёркивания текста как интерактивного элемента только в возникновении излишней визуальной суеты при слишком плотной вёрстке блоков. Попробуйте удалить в своём макете подчёркивания ссылок, но оставьте цвет, возможно, появится больше чистоты и воздуха при однозначности понимания возможных действий.

Из заметки руководителя курса «Дизайн в интерактивной среде» в Британской высшей школе дизайна Дмитрия Карпова «Дизайн активных элементов».

Новая стилистика iOS 7

Великий день для проектировщиков — прототипы для iOS не нужно будет отрисовывать в дизайне! Мы — автоматически дизайнеры :)

Из твиттера Юрия Ветрова, руководителя отдела проектирования и дизайна интерфейсов Mail.Ru Group.