Архив рассылки UX-проектировщика

С августа 2016 по июнь 2017 года каждую неделю я писал небольшие статьи на тему проектирования и дизайна: переводы, пересказы или собственные мысли. Подписка стоила 150 рублей в месяц.

Сделал список выпусков. Часть доступна бесплатно, со временем опубликую ещё. Если какая-то тема заинтересовала, выпуски с 3-го по 33-й продаются в базе знаний Проектората.

Читать далее Архив рассылки UX-проектировщика

Глупые смарт-часы

Эссе Дона Нормана

Я спал, когда часы на запястье начали вибрировать. Они продолжали и продолжали — достаточно долго и сильно, чтобы разбудить меня.

Было 4:30 ночи.

Я сонно посмотрел на них. Пиктограмма сообщала о разрядившемся аккумуляторе и выключении часов.

«Спасибо, что дали знать», сказал я немного другими словами, снял часы и забросил их в угол, где они и лежат уже неделю. Спасибо, Sony, за такие умные-преумные часы.

Читать далее Глупые смарт-часы

Выгорание UX-проектировщиков

Выгорание UX-проектировщиков — ступор на ключевых этапах проектирования взаимодействия. Термин предложен в противовес широкому понятию творческого кризиса, возникающего, когда у нас кончаются идеи и энергия.

Рекомендации как избежать этого выгорания:

Читать далее Выгорание UX-проектировщиков

Задачи бизнеса

Начинающие проектировщики часто не понимают, какие вопросы нужно задать клиенту на первой встрече. Главный вопрос — какую задачу он решает с помощью проектируемого продукта.

Задачи бизнеса:

Читать далее Задачи бизнеса

Адаптивные таблицы

Что делать с таблицами на адаптивных сайтах? Подборка решений:

Каждую строку преобразовать в небольшую табличку

Если параметры перечислены в первом столбце, подойдёт для сравнения параметров (пример 1.1):

11-1

11-2

Читать далее Адаптивные таблицы

Русскоязычные рассылки для дизайнера и проектировщика

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

Хотел узнать, что ещё кроме рассылки «Проектората» читают проектировщики. Получился любопытный список, который пригодится не только мне:

Читать далее Русскоязычные рассылки для дизайнера и проектировщика

Как стать проектировщиком: ответы на простые вопросы

Альберту нравилось и проектирование, и разработка. Он написал мне ВКонтакте и задал несколько простых вопросов о проектировании, чтобы определиться с областью.

Привожу наш диалог в отредактированном виде, чтобы ссылаться на него и не повторяться в будущем.

Читать далее Как стать проектировщиком: ответы на простые вопросы

Axure 7 для начинающих за 100 минут

В Epic Skills я рассказываю начинающим дизайнерам об Axure, инструменте для создания интерактивных прототипов. В течение 3 часов (минус небольшой перерыв) объясняю, как работают те возможности программы, которые нужны мне для большинства проектов. И закрепляю знания практикой.

Примерная структура занятия:

  • Примеры прототипов;
  • Виджеты, их настройка и расстановка по холсту с помощью сетки, направляющих и выравнивания;
  • Мастера;
  • Динамические панели;
  • Создание интерактива (ивенты, экшены, кейсы, условия);
  • Под конец: способы передачи прототипа заказчику, свойства страниц, стили.

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

Встречайте, «Axure 7 для начинающих» за 100 минут.

Update. Опубликовал пост на Хабре.

7 нерушимых законов дизайна пользовательского интерфейса

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

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

Это неминуемо приведёт к тому, что работы над интерфейсами станет больше. Давайте посмотрим, что нужно помнить.

1. Закон ясности

Пользователь избегает непонятных элементов интерфейса.

Абстрактная иконка меню в Gmail

Читать далее 7 нерушимых законов дизайна пользовательского интерфейса

Хватит путать вайрфреймы, прототипы и мокапы

Примечание: попытки перевести wireframe и mockup породили уже, наверное, дюжину терминов разной адекватности и распространённости. Я это учёл и в статье ограничился простыми «вайрфрейм» и «мокап», чтобы каждый подставил такие русификации, какие заведены у него в компании.

Wireframe

Вайрфрейм

Что такое вайрфрейм?

Вайрфрейм — это низко детализированное представление дизайна. Он чётко должен показывать:

  • Основные группы содержимого. Что?
  • Информационную структуру. Где?
  • Описание взаимодействия пользователя с интерфейсом и его примерную визуализацию. Как?

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

Читать далее Хватит путать вайрфреймы, прототипы и мокапы