Об иконках

Иконки экономят место и выглядят свежо. Иконки — это быстрый ответ на сложные вопросы:

  • Как сделать красивее?
  • Как нам это забрендировать?
  • Как сделать веселее?

Мы любим иконки. Пока не начинаем в них путаться.

Иконки бывают разные: на продуктах, в архитектуре, в компьютерах, в списках, на кнопках, для веба и приложений, для iOS и Android. Иконки на панелях инструментов, подписанные и неподписанные, стилизованные и стандартизованные, цветные и монохромные, в иконочных шрифтах, файлах PNG или SVG…

Есть много бесплатных и платных наборов иконок, векторных и растровых, плоских и объёмных, и если записывать правила работы с ними, потребуется тетрадка потолще. Чёртовых иконок так много, что Дьявол легко убедит вас в том, что они вытянут даже плохой дизайн.

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

Читать далее Об иконках

Скидка на Sketch

Update от 13 февраля 2017: способ больше не работает.

Предыстория

Я собрался купить Sketch. На странице оформления заказа увидел поле для ввода промокода и решил проинвестировать немного времени в поиск скидки. При сегодняшнем курсе доллара даже 20-процентная скидка — это больше 2000 рублей. Хватит хорошенько сходить в бар или купить в «Проекторате» курс про адаптивные прототипы (и ещё останется).

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

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

Читать далее Скидка на Sketch

Распродажа электронных книг для проектировщиков

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

Они-то думают, что раздают ненужные старые книги по программированию. Но для проектировщиков это возможность положить в свою электронную библиотеку всё ещё актуальную классику вроде «Об интерфейсе» Купера или «Как сделать сайт удобным» Круга (за которую на литресе просят 250 рублей) и при этом не разориться.

Опытные проектировщики и наши постоянные читатели знают, кого качать. Для всех остальных — контрольный список: Алан Купер, Билл Скотт и Тереза Нейл, Джесс Гарретт, Джеф Раскин, Джоэл Спольски, Дмитрий Кирсанов, Расс Унгер и Кэролайн Чендлер, Стив Круг, Якоб Нильсен.

Приложения для проектирования на бумаге

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

Бесплатные приложения Marvel и POP умеют брать любые изображения, в том числе фотографии ваших бумажных набросков, и настраивать переходы между ними по нажатию на заданные области. Результатом можно поделиться.

Marvel поддерживает только айос. POP есть и для андроидов, но бесплатно можно завести не более 5 проектов.

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

Особенности дизайна новостных порталов

Дизайнер Анатолий Громов, автор редизайна Lenta.ru Александр Гладких, начальник проектировщиков и дизайнеров в Mail.Ru Group Юрий Ветров рассказали об особенностях дизайна новостных порталов.

Юрий: Хорошая типографика, естественно, дичайше важна для комфортного чтения и формирования своего лица у издания. Выйти за пределы Core Fonts for the Web достаточно легко — появляется всё больше хороших кириллических шрифтов для самых разных задач. А благодаря сервисам типа Google Web Fonts и Typekit их подключение технологически сравнительно несложно.

Правда, при попытке использовать их на практике возникает куча вопросов и проблем — рендеринг в разных браузерах на разных платформах, скорость загрузки шрифтовых файлов и их вес, деградация для Windows XP (для сервисов с большой посещаемостью). Не опозорьтесь в последний момент, проверьте, как отображается свёрстанный шрифт в Windows 7, Windows 8 и Mac OS. Ваша работа была бессмысленна, если комфортно прочитать статью можно только на скриншоте в вашем портфолио.

UX-мифы

Ринат Рехимкулов и Петр Андрианов заботливо перевели подборку UX-мифов.

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

Кому тезис очевиден, будут полезны конкретные цифры и примеры для обоснования клиентам и коллегам. Кто сомневается в правдивости «мифа» — необходимые доказательства. Ведь если к подобным высказываниям не относиться критически, можно не только мифов нахвататься, но и (мы попытались подобрать актуальный пример) поверить в анонимность приложения Secret.

Марк Кавано о дизайн-процессе в Apple

Наверное, мало смысла ссылаться на статьи «Цукерберг Позвонит», так как их и так все читают. Но мы всё же попробуем. Марк Кавано, который 7 лет был ведущим дизайнером в Apple, рассказал немного об особенностях местного процесса.

Например:

Многие люди уверены, что своим успехом продукты Apple обязаны дизайну, который создали лучшие в мире профессионалы. Это заблуждение, уверен Кавано. По его мнению, причины успеха лежат глубже.

Всё дело в инженерной культуре и способе организации компании, при котором дизайну отводится заметная роль. Каждый человек в Apple задумывается о UX и дизайне — этим заняты не только сами дизайнеры. Это позволяет продуктам быть гораздо лучше, чем если бы над дизайном работал конкретный специалист или даже выделенная команда.

Кстати, на ЦП есть целая рубрика «Интерфейсы» с переводами и мнениями русскоговорящих специалистов.

Дизайн-триггеры на русском

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

Редакторы CMSmagazine превратили эту подборку в большую статью на русском и нашли примеры триггеров на отечественных сайтах.

Адаптивный контент и машинное обучение для посадочных страниц

Григорий «bobuk» Бакунов рассказывает об увеличении конверсии посадочной страницы при помощи адаптации контента под посетителей, а самое интересное — об использовании машинного обучения, чтобы понимать, каким посетителям какой контент лучше показывать.

Отзыв о книге «Прототипирование. Практическое руководство»

Мы наконец-то добрались до книги «Прототипирование. Практическое руководство» Тодда Заки Варфела.

Prototyping. A Practitioner’s Guide

Краткое резюме:

Делится она на 3 части: о пользе прототипов (и о прототипировании в целом), обзор и анализ инструментов прототипирования, о тестировании прототипов.

Всё по верхам. О первом мы уже читали в книге «Дизайн-мышление в бизнесе» и проходили в курсе Design Thinking Action Lab. Третью часть благодаря меньшей сумбурности и большей детализации превосходит книга Стива Круга о тестировании.

Вторая часть устарела. Axure рассматривается версии 5.5. На момент публикации русского перевода была уже версия 6.5 (о чём заботливо сообщил редактор). А это значит, что устарели и анализ, и пошаговое «а теперь создадим наш первый прототип» с перечислением цепочки действий.

С остальными инструментами ситуация, скорее всего, аналогичная. Кроме создания прототипов на HTML и JS, но это лишь отчасти «инструмент проектирования», и по одной главе этой книги освоить его слишком сложно.

Актуален рассказ про бумажные прототипы, некоторые приёмы можно даже взять на вооружение. Но про бумагу есть отдельная книга, автор её упоминает: Paper Prototyping.