Самый занудный блог о дизайне, типографике и интерфейсах

Первая запись в моём Эверноуте сделана в мае 2008. Сначала я пользовался им редко. Когда я завёл себе айфон, я стал хранить в Слоне институтское расписание: записываешь на компьютере и на бегу смотришь в айфоне. Эверноут уже тогда был «облачным»: заметки синхронизировались на всех устройствах. Для меня синхронизация — самое важное. Я часто записываю на ходу в айфон, прихожу домой или на работу — а заметка уже ждёт меня на компьютере.



У меня есть блокнот ideas для будущих свершений. В нём — идеи сервисов и приложений. Ещё у меня есть блокнот notes. Там стандартный набор вещей в поездку, номер паспорта и полиса, тестовые логины-пароли к сервисам, любимые стишки-«перашки» и копия статьи про SEO, которую её автор уже удалил.

Блокнот text — подборка материалов про информационный стиль и редактуру. Ссылок на оригиналы недостаточно, автор может удалить или переместить статью. Тем более эти заметки нужны регулярно; их полный текст под рукой — удобно. И блокнот design — там цитаты из материалов про дизайн интерфейсов, которые я каждый день прочитываю в Покете и копирую прямо на айпаде в Эверноут. Я люблю делать заметки с количественным числительным: «10 ways to stay creative», «14 Принципов вежливой программы», «3 типа мобильных задач», «4 principles of Realistic UI design» или «5 ошибок дизайна айфон-приложений». Когда-нибудь на каждое число будет по заметке.

Самый интересный блокнот — to blog. Когда у меня возникает идея поста в блог, я записываю её на айфоне заголовком и парой строк. Я — мастер броских заголовков, вы только посмотрите: «Когда не нужно делить на два», «Александрийская библиотека», «Прогрессивный ли у нас джипег», «Лошадь с головой барана». Заметки долго «маринуются», обрастают деталями и новыми мыслями. Там появляются абзацы и иллюстрации. Это может длиться пару лет. После публикации заметка отправляется в корзину. Но корзину я никогда не чищу, это архив.

Скеоморфизмом называется чрезмерно реалистичное оформление интерфейсов, повторение ими внешнего вида реальных объектов. Значение термина хорошо описано в википедии. Наиболее ярким примером скеоморфизма сейчас называют интерфейсы Эпл. Вы только посмотрите, разве не очаровательно?



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

И на самом деле, нет никакой разницы как «обернуть» интерфейс. Намного важнее его правильно спроектировать и расставить акценты формой, размером, цветом и расположением. А фактура вторична — не важно, будет ли он блестящим, плоским или шершавым. Это потенциально не повышает и не понижает эффективности взаимодействия.

Но фактура и реалистичное поведение могут стать составляющими другого модного понятия — User Experience («пользовательский опыт»). Пользователь приходит в восторг от красиво листающихся страничек в Айбукс и бобинного магнитофона в Подкастах. Это не мешает выполнению основной задачи, но увидеть это — приятно.

Для себя я условно делю интерфейсы на две больших группы: «ежедневные» и «одноразовые». Ежедневными я называю интерфейсы, которыми пользуются каждый день. Одноразовые, напротив, применяются крайне редко, возможно, один раз в жизни.

У этих групп интерфейсов есть различия. Ежедневные интерфейсы должны быть ориентированы на быстрое решение проблемы, на сокращение времени выполнения рутинных задач. Они должны позволять сосредоточиться на результате, а не на инструменте; становиться невидимыми. Естественно, это требует подготовки, тренировки и понимания. Но единожды выучив «правила игры», пользователь сможет легко и быстро управляться в будущем. Примерами таких интерфейсов являются профессиональные пакеты (фотошоп и иллюстратор), интерфейсы операционных систем (в том числе мобильных).

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

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

Буду рад услышать ваши соображения о правильности такой группировки и увидеть интересные примеры интерфейсов.

Мгновенная обратная связь в интерфейсах очень важна. Она позволяет обозреть состояние системы. Без этого пользователь чувствует себя запутанным и потерянным.

Я пользовался словарём на айфоне. Основной экран был нативным списком слов с поиском. После нажатия на конкретное слово, приложение начинало загружать словарную статью, никак не сообщая об этом. Через 3–5 секунд элемент списка подсвечивался синим и моментально показывалась статья на новом экране. Поэтому после нажатия я не имел представления, работает ли приложение и туда ли я нажал.

Правильная мгновенная связь: подсвечивать слово синим сразу после нажатия и параллельно начинать загрузку.



Работа с мобильным устройством — это всегда стресс. Вам нужно заботиться о своих пользователях.

Когнитивный диссонанс (от англ. слов: cognitive — «познавательный» и dissonance — «отсутствие гармонии»), «разрыв шаблона» (совр. разг.) — состояние, характеризующееся столкновением в сознании противоречивых знаний и убеждений относительно некоторого объекта или явления.

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

Я решил снова писать в ЖЖ о дизайне, если вам это будет интересно. Буду рад комментариям и реплаям в твиттере.

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

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

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

Большинству специалистов в повседневной жизни эти знания просто ненужны. Тут вспоминается эпизод из Шерлока Холмса, когда великий сыщик говорит о бесполезности знаний о том, например, что Земля круглая и собирается это поскорее забыть. И действительно, количество знаний, которые «влезут» в нашу голову, ограничено. Так зачем специалисту знания из несмежных областей в каких-то снизу лимитированных обществом количествах?

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

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

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

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

Я знаю, что меня время от времени почитывают немало отличных дизайнеров. Вопрос к вам, господа.

Расскажите, какими принципами вы руководствуетесь, подбирая цвета и цветовые схемы для сайтов? Какими пользуетесь инструментами? Что и где стоит доступно и просто почитать про это?

Буду рад любой информации. Спасибо.

Есть вопрос: я тут некоторое время назад писал, что пагинация — зло. И предлагал её заменить. Как одну из замен я предлагал бесконечный скролл с динамической подгрузкой контента.

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

У меня есть 12 идей для новых постов, они все кратко записаны в специальном блокноте. Эти посты будут про дизайн, проектирование интерфейсов, типографику и сопутствующие области знаний. Но в ЖЖ я давно не писал и наверняка подрастерял аудиторию и её интерес.

Поэтому если эта заметка наберёт 48 комментариев от 48 пользователей (не считая меня и мои комментарии) в течении 6 дней, то я напрягусь, формализую посты из идей, записанных парой предложений — в связные тексты и все 12 постов появятся в ленте. Потому что это будет значить, что интерес у вас есть и мне есть смысл писать. Вот такая акция.

Посты, кстати, интересные ;) И занудные, как вы любите.