Илья Бирман рассказывает, как сделать слайдер с хорошей обратной связью и соблюдением закона Фиттса.

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

В конце статьи есть примеры хороших слайдеров.

https://goo.gl/MJV7ux

В связи со очередными слухами о блокировке Telegram. Хотя я мыслю позитивно и думаю это не случится. На всякий случай завёл зеркала этого канала в других местах.

Вконтакте - https://goo.gl/0X73GV
Фейсбук - https://goo.gl/5oYLu5
ICQ - https://goo.gl/4N5r2z
Твиттер - https://goo.gl/Xke3L4
ТамТам (а вдруг?) - https://goo.gl/itqFav

Дизайнер может создать - аналитик проверить.

Знание базовых показателей по аудитории, статистике кликов по разделам, формирование гипотез без подкрепления их верными данными несут мало пользы для дизайнера. Особенно если он работает один.

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

Хороший вопрос для создания сценариев: "откуда пользователи приходят, и куда уходят?". Понимание этого вопроса, поможет понять, как ведёт себя пользователь.

Найдя ответ на эти вопросы, важно выявить:

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

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

3. Очень хорошо, если во время работы получится выявить инсайты. Инсайт - неочевидная правда о пользователе.

https://goo.gl/JUbVDz

В дизайне существует целый набор принципов восприятия. Многие знают принцип близости, но он хорошо работает с однотипными объектами и ломается в куче различных объектов.

Женя Арутюнов пересказал статью профессора Деяна Тодоровича, «Принципы гештальта» о разных принципах восприятия и дополнил комментариями.

Статью сложно пересказать без иллюстраций, поэтому рекомендую прочитать её.

Принципы восприятия:
- Разделение на фигуру и фон
- Близость
- Синхронность
- Подобие
- Непрерывность
- Завершённость
- Камуфляж
- Хороший гештальт
- Опыт восприятия

https://goo.gl/yijP3k

Михаил Капанага поделился хинтом, как быстро определять расстояние от заголовка до следующего за ним текста. О хинте он узнал с курсов по типографике, которые ведёт Игорь Штанг.

1.   Поставить заголовок в две строки
2.   Настроить интерлиньяж заголовка
3.   Выравнять текст параграфа по базовой линии второй строки заголовка.
4.   Возвращаем заголовок в одну строку.

Но данный метод работает не всегда. В случае когда заголовок гораздо больше обычного текста, текст стоит выравнивать по верхней линии строчных букв.

https://goo.gl/fmWfuV

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

Как возможно вы уже знаете с 1 июля в РФ вступил закон о хранении персональных данных. По ссылке все подробно и простым языком, что нужно делать и для кого это важно.

https://goo.gl/zdrg8d

Портальная дизайн команда MailRu Group представила свою дизайн систему - Paradigm.

Цитирую, как понимает систему дизайн команда портала:  
- Визуальный язык — определяет то, как мы создаём интерфейсы продуктов.
- Единые компоненты на технологическом уровне. Дизайн «вшит» в них, сервисы получают и обновляют их из единого репозитория.
- Шаблоны для дизайнерских инструментов - способ быстро показать идею, просто высокоуровневые скетчи.

В статье на хабре описаны основные принципы и приведены примеры использования системы - https://goo.gl/Hg9RcV

Новый инструмент контроля версий Sketch файла для удобной работы в команде. В Basic версии бесплатен - https://goo.gl/fs4M8Y

#tool

Перевод статьи Tidjane Tall, как быстро и просто создать ряд базовых иконок. Например, как получить в одной действие из квадрата значок стрелки.

https://goo.gl/eGfYUT

Утилита удаляет кэш истории сохранений скетч файла. Решает проблему, что Sketch со временем съедает много лишних гигабайт.
https://goo.gl/FXE8zx

#sketch

Обнаружил, как использовать сервис для создания заметок Google Keep в составлении списка гипотез, проблем, функций для проекта.

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

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

Список заметок сгруппированный одним общим ярлыком создаёт одну доску для проекта (другими словами папку с заметками). Каждый ярлык - отдельная доска с заметками.  

keep.google.com

#tool

Пример доски с заметками

UX-специалист компании Nielsen Norman Group Кейт Мейер дала рекомендации по составлению сравнительных таблиц в вебе.

Пересказал перевод статьи от vcru и выписал полезные моменты - https://goo.gl/YzEZCH

В дополнение к статье два поста с хабра по теме:
1. Как упростить вид и структуру таблицы - https://goo.gl/S1eyiJ
2. Отображение таблицы в адаптивном дизайне - https://goo.gl/zRMTcL

В субботу и воскресенье я @astract буду на фестивале шрифтового дизайна Typetersburg в Санкт-Петербурге. Там будут лекции по дизайну, выставки и воркшопы по каллиграфии.

Вы тоже можете ещё успеть купить билеты - http://typetersburg.ru/2017/

tutu.ru ищет дизайнера в электрички, делать веб и мобильные приложения.
Писать на pikalev@tutu.ru

https://twitter.com/levka_levka/status/892087345964515330

#вакансия

Scientiamobile провели исследование, какая ориентация устройства (портретная или альбомная) популярней у пользователей.

Суть. Большие экраны используются чаще в альбомной ориентации - https://goo.gl/X7NM2u

#research

График использования портретной и альбомной ориентации для разных размеров экранов https://goo.gl/X7NM2u

Смотрите прямую трансляцию с Тайпетербурга! http://typetersburg.ru/2017/live.html

Сегодня вас ждёт сразу 3 выступления подряд с 12:00 до 15:00 о шрифтовых современных технологиях в экранной и веб-типографике. О Variable Fonts ещё никто и нигде в России столько не говорил!
Quick black horse jumps over the variable fonts!

После обеденного перерыва выступит Покрас Лампас, Дмитрий Карпов и... Владимир Кричевский!

Московский институт медиа, архитектуры и дизайна «Стрелка» поделился с каналом расписанием событий в рамках их программы - Digital August. Программа, посвящена дизайну и предпринимательству от экспертов Google, Twitter, Dots и Red Antler.

К сожалению не успел вовремя прочитать их сообщение и пропустил пару событий. Извиняюсь за это.

Публикую список актуальных событий в следующем сообщении.

Лекции бесплатны, воркшопы платные.

18 Августа
Лекция от продакт-дизайнера Twitter Джона Белла - Дизайн, защищающий пользователей.
Джон расскажет об эволюции коммуникационных процессов и решении проблемы абьюза в онлайне.
http://strelka.com/ru/events/event/2017/08/18/designing-with-abuse-in-mind

19 и 20 Августа
Воркшоп от продакт-дизайнера Twitter Джона Белла - Этика в онлайн сообществах
Белл научит создавать пространство для безопасной коммуникации на примерах различных сценариев сетевых атак.
http://strelka.com/ru/events/event/2017/08/19/ethics-in-the-network-learn-design-that-protects-users

2 и 3 Сентября
Воркшоп от куратора программы Digital August, Лии Сафиной
Воркшоп Лии будет посвящен разработке успешной стратегии бренда и инструментов удержания пользователей.
http://strelka.com/ru/events/event/2017/09/02/liya-safina-leading-ux-designer-red-antler-new-york

9 и 10 Сентября
Воркшоп от продакт-дизайнера Google Джесса Майра
Участники воркшопа проанализируют конкретные методики дизайна для новых пользователей и отличия его от западных принципов, а также создадут прототипы сервисов и продуктов, ориентированные на развивающиеся рынки.
http://strelka.com/ru/events/event/2017/09/09/jess-myra-google


11 Сентября
Лекция от продакт-дизайнер Google Джесса Майра - Будущий миллиард пользователей
Джесс Майра расскажет, как изменится рынок, когда рост пользователей будет происходить за счет старшего поколения и жителей удаленных районов, ранее не вовлеченных в интернет-экономику, почему стоит обнулить дизайн-интуицию и начать опираться на культурные соображения новых неискушенных юзеров.
http://strelka.com/ru/events/event/2017/09/11/great-leaps-at-google-redefining-scale-to-build-for-billions