Рубрика «usability» - 38

Иногда я спрашивал себя и Гугл: «Почему мне бывает стыдно быть верстальщиком». Ну, знаете, когда не мог на глазок определить, какой передо мной шрифт: open sans с font-weight: bold, или open sans bold с font-weight: normal — либо случайно узнавал, что «ой, забыли тебе сказать, масштаб был не 1920x1080, а 2560x1440».

Обычно ж как — скидывают .psd и крутись как хочешь.

Я полюбил верстку после этого: Zeplin в бою - 1

Весной 2015-го, придя в uKit, я узнал о Sketch — и увидел, как шаблоны стали появляться с красивыми и одинаковыми метками размеров относительно друг друга и очень подробным описанием.

Тогда мне захотелось большего. И буквально через несколько месяцев вышел Zeplin 1.0. Это приложение изменило мое представление о верстке в целом — потому что оно по-настоящему делает жизнь верстальщика счастливой.

Читать полностью »

image

Каждый раз, когда я вижу надпись «Обновить сейчас или напомнить завтра», у меня возникает улыбка, при мысли о том, что все люди, участвовавшие в разработке подобных диалоговых окон (с*ки, верните кнопку «Нет и никогда больше не спрашивать»), окажутся в тепленьком уютненьком аду, где им нужно будет просто ввести телефонный номер…
Читать полностью »

Такая мелочь, как применения заглавных букв может быть весьма важной. Для английского языка. Статья будет особенно полезна тем, кто занимается разработкой продуктов на английском.
(Кстати, кто еще не знает, «вуз» пишется маленькими буковками.)

image

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

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

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

Поддержка публикации — компания Edison, которая разрабатывает тендерные и информационные агрегаторы и проектирует и реализует backend для стартапа — инструмента увеличения продаж. Читать полностью »

Заметка о точках зрения.

image

Эволюция Моего Компьютера

Помните иконку Мой Компьютер (My Computer) на старых версиях Windows? То была чудесная маленькая иконка, представляющая собой всё, что было на вашем компьютере — все программы, все труды и произведения, все цифровые кусочки пользователя.

В более поздних версиях Windows Microsoft назвали эту иконку Компьютер (Computer), позднее переименовав её в Этот Компьютер (This PC). С чем были связаны эти перемены? Возможно, местоимение “мой” вводило в заблуждение? Было непоследовательным? Или вообще не нужным?

image

Постоянные смены названия этой иконки заставили меня задуматься: по каким критериям
разработчики делают выбор между «мой» и «ваш»?
Читать полностью »

Многие рассказываю о проектировании: как пользоваться Axure или Sketch, какие функции должен содержать сайт, как правильно спроектировать страницу товара. Это все, безусловно, очень полезно, но не показывает полную картину происходящего в проектировании. В интернете даже нет ни одного полного примера технического задания на проекты такого уровня. На самом деле, чтобы спроектировать большой сайт, нужно потратить сотни часов на исследования, прототипирование и разработку подробного ТЗ. В этой статье я впервые в рунете покажу все этапы проектирования и результаты по ним, полный динамический прототип (более 150 прототипов) и большое ТЗ (более 200 страниц описания). Все это мы будем делать на примере проектирования аналога крупнейшей в мире E-commerce площадки «Alibaba.com».
Читать полностью »

Уже шесть лет я публикую регулярные обзоры свежих статей по теме интерфейсов, новых инструментов и коллекций паттернов, интересных кейсов и исторических рассказов. Из лент нескольких сотен тематических подписок отбирается примерно 5% стоящих публикаций, которыми интересно поделиться. Предыдущие материалы: апрель 2010-сентябрь 2016.

Дайджест продуктового дизайна, октябрь 2016

Читать полностью »

Каким образом 3 маленькие точки могут сказать так много

Впечатляющее многоточие (The Mighty Ellipsis) - 1

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

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

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

Программа UX-UI трека на конференции MBLTdev 16 - 1

17 ноября в Москве в рамках Международной конференции мобильных разработчиков
MBLTdev 16 пройдет трек для дизайнеров мобильных приложений. На сайте уже опубликована предварительная программа трека. Выступать с докладами, проводить воркшопы
и ревьюить ваши приложения будут специалисты из ведущих продуктовых и сервисных компаний, а также преподаватели курса «Дизайн мобильных приложений» Британской высшей школы дизайна (БВШД).

«Бесчеловечный дизайн: как автоматизация забирает работу, славу и деньги у мобильных дизайнеров» расскажет директор курса «Дизайн мобильных приложений» БВШД Леонид Бугаев докладом. Затем Павел Тепикин из SkyEng покажет историю экспериментов с конверсионной воронкой: от оформления приложения в App Store до первой оплаты пользователя.Читать полностью »

Всем привет. Минуло пару недель с момента выхода предыдущего обзора. Увы, за это время копилка Dribbble пополнялась вяло. Хотя в целом она пополнялась стабильно, но стоящего Вашего внимания материала крайне мало. Поэтому давайте вновь отмотаем таймер назад, теперь уже на две недели и посмотрим на различные концепты UX/UI артистов со всего мира. Я, как независимый обозреватель, выбрал 10 работ и расставил их в порядке возрастания качества исполнения.

Dribbble обзор №2 — наиболее интересные дизайны интерфейсов за последние 2 недели - 1
Читать полностью »

Тысячелетиями ношение золотого, да еще разукрашенного драгоценными камнями оружия было символом власти, внутреннего статуса, наглядной демонстрацией «для своих» занимаемой ступени в иерархии. Сегодня, в связи с запретом на повсеместное ношение оружия — его функции на Руси потихоньку отошли к веб-сайтам. О них и поговорим.

image

Дизайн спасет мир. Все силы — на дизайн. Все лучшее — детям дизайнерам.


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

Но при всем при этом, веб-сайты в своей массе так и не стали еще одним автоматическим продавцом-консультантом, работающим в режиме 247; но быстро выродились в предмет китча, декларации собственного Я. Читать полностью »


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js