«Я не злюсь, я просто разочарован.»
— PM
Иногда приложение кажется простым, минималистичным и лаконичным, но легко упустить из виду то, сколько экранов, формочек, кнопочек, окошек и прочих мелочей приводит к такому восприятию легкости и простоты использования.
Представляем вам чеклист из 50 пунктов для самопроверки. Вот примерные подразделы:
Два года назад Яндекс представила новый дизайн Кинопоиска. Однако пользователи обновление не оценили. Вместо привычной киноэнциклопедии, аудитории был представлен онлайн-кинотеатр. Хейтеров оказалось такое количество, что компании пришлось откатиться до старой версии сайта.
Сегодня мы все еще можем видеть морально устаревший дизайн Кинопоиска, который действительно требует изменений. В этой статье мы рассмотрим наше виденье и подход к редизайну сервиса.
Читать полностью »
В Яндекс.Деньгах мы сделали БЭМ-платформу основным инструментом дизайнеров для построения интерфейсов, дополнив ее всем необходимым арсеналом для масштабирования.Читать полностью »
Анализ требований — часть процесса разработки программного обеспечения, включающая в себя сбор требований к программному обеспечению (ПО), их систематизацию, выявление взаимосвязей, а также документирование.
https://ru.wikipedia.org/wiki/анализ_требований
Большинству уже интуитивно понятно, о чем идет речь, однако я еще не встречал людей, которые бы руководствовались интуицией в вопросах анализа требований и получили что-то годное к использованию.
Зачастую все заканчивается недописанной таблицей, составленной для галочки, живущей в отрыве от реального функционала системы.
На мой взгляд, для того чтобы избежать этой ситуации, надо всего-лишь посмотреть на процесс под другим углом… Читать полностью »
Сравнительно недавно СМИ опубликовали информацию об изобретении нового музыкального инструмента — энцефалофона, позволяющего исполнять музыку, используя электрическую активность мозга. По моему мнению, эта разработка, пожалуй, наиболее свежая и перспективная инновация в области экспериментальных музыкальных инструментов.
Несмотря на относительную баянность (большинство публикаций в СМИ датируется июлем 2017), убежден, что тема достойна внимания и дискуссии. К сожалению, короткие новостные сообщения, кроме факта изобретения устройства, фамилий авторов и туманных описаний принципов работы, содержат мало полезной информации.
Думаю, что появление рабочего прототипа энцефалофона сравнимо по значимости с изобретением, например, Терменвокса. Но следует также отметить, что эксперименты по этой теме и попытки использования электроэнцефалографии, как интерфейса для звукоизвлечения, проводились на протяжении последних 60-ти лет.
По замыслу разработчиков, новый инструмент не только сможет изменить привычные представления о звукоизвлечении и нейроинтерфейсах, но также помочь людям с ограниченными возможностями. Под катом рассказ об истории изобретения, близких разработках, принципах работы энцефалофона, результатах исследования и перспективах развития.
Читать полностью »
Представьте себе: вы разработчик ПО. Вас включили в команду, работающую над редизайном одной из центральных функций приложения, созданного компанией. Вы несколько месяцев собирали информацию о пользователях, делали прототипы, тестировали их на контрольной группе (всем понравилось!) и переделывали приложение. И вот сегодня обновленная версия вышла в публичный доступ.
Теперь представьте, что тысячи людей выступили против обновления. Они стали создавать веб-страницы для противников новой функции. Они решили объявить массовый бойкот продукту. В «Тайм» появилась статья с подробным разбором вашего провала.
В такой ситуации вы бы, вероятно, подумали, что пора освежить свой профиль на LinkedIn (разумеется, умолчав там об этом фиаско): как только директор разгребет то, что вы натворили, он немедленно вас уволит.
А теперь представьте, что все эти люди были неправы. Вы провели исследование. Вы протестировали приложение на контрольной группе (всем понравилось!). Представьте, что пока сотни или даже тысячи пользователей протестовали, все остальные продолжали пользоваться продуктом и прибыль возросла в разы. Представьте, что на самом деле ваш редизайн изменил мир и то, как люди общаются друг с другом.
Читать полностью »
Помните эту статью? Раньше мы могли быстро собрать статичную HTML-страничку в каком-нибудь FrontPage и сайт был готов. С этим мог справится любой студент. В более сложном случае, мы писали пару строк на PHP и получали уже целый портал, собранный из разных элементов шаблона на сервере. Затем мы захотели, чтобы наш сайт как-то выделялся на общем фоне и умел чуть-чуть больше. Трон занял его-величество jQuery. Теперь же, мы оказались погребены под завалами фреймворков и библиотек, инструментов сборки, менеджеров зависимостей, препроцессоров и постпроцессоров, особых форматов, языков и стилей программирования, чтобы иметь возможность стряпать простые лэндинги. Все стало слишком сложно. Спикеры на конференциях стали соревноваться в изощренности того, каким еще образом можно сломать нам мозг. Как мы докатились до жизни такой? Чем «раньше» так сильно отличается от «сейчас»? Что нас ждет «потом»? Есть ли в современной веб-разработке некий дзен-стайл, блюдя который, можно, как в старые добрые времена, собрать себе уютный сайтик «на коленке» за пару вечеров, без ковыряния в документации десятка хипстерских технологий-однодневок? Насколько доступны нам простые решения в серьезной промышленной разработке? Куда движется веб-платформа? Предлагаю разобраться.Читать полностью »
Сетка 8pt — это мощная система для создания последовательных и визуально привлекательных пользовательских интерфейсов. Этот пост о том, как установить вертикальный ритм и типографию в сетке 8pt. Чтобы лучше понимать материал, зацените статью "Введение в систему 8pt сеток" и "Сетка на основе 8pt: обводка и разметка".
Ритм достигается тогда, когда элементы вашего дизайна состоят из повторяющихся шаблонов. Это позволяет вашему окончательному дизайну выглядеть преднамеренно, профессионально и последовательно.
Читать полностью »
Настало время бессонных ночей во имя прокачки дизайнерских навыков и майнинга призовых айфонов — мы запускаем шестой конкурс Russian Design Cup 2017.
Глубока ли кроличья нора?
Сколько минут вам потребуется, чтобы понять в чем фишка?
Фрэнсис Бэкон в 1620 году разделил источники человеческих ошибок, стоящих на пути познания, на четыре группы, которые он назвал «призраками» или «идолами» (лат. idola).
Под катом — наглядная демонстрация уязвимости нашего мозга к атакам через визуальный ввод. Представляю вам перевод статьи продуктового дизайнера и фронтэнд-разработчика Balraj Chana, про то как можно использовать/нейтрализовать эффект оптических иллюзий.
