Как стать автором
Обновить
5.63
Рейтинг

Usability *

Удобство использования

Сначала показывать
Порог рейтинга

Кто такой UX-дизайнер и за что ему платят

Блог компании Нетология Интерфейсы *Usability *Карьера в IT-индустрии Дизайн

На повестке дня снова UX-дизайн. В комментарии к обзору открытого урока написали, что UX-дизайнером каждый стать, причём такой «специалист» не умеет ни в цвета, ни в компьютеры. Давайте разбираться, за что же вообще тогда платят UX-дизайнерам.

Читать далее
Всего голосов 4: ↑2 и ↓2 0
Просмотры 1.4K
Комментарии 4

Новости

Как Discord реализовал навигацию клавиатурой по всему приложению

CSS *JavaScript *HTML *Usability *ReactJS *
Из песочницы
Перевод

Мы делаем Discord доступным для каждого. В 2020 году мы многое сделали, чтобы значительно улучшить ассебилити в приложении. Остаётся ещё много работы, но мы уже сейчас можем рассказать об одном из наших последних проектов - Навигация по клавиатуре.

Далее по катом.

Читать далее
Всего голосов 7: ↑7 и ↓0 +7
Просмотры 4K
Комментарии 3

Советы по проектированию интерфейса. Часть 1 — Гештальт

Веб-дизайн *Usability *Дизайн мобильных приложений *Графический дизайн *Дизайн
Tutorial

Если ты часто задаешь себе вопросы вроде: Правильно ли я собрал главную страницу? Каким способом лучше выделить кнопку СТА чтобы она не потерялась во множестве объектов? Как направить пользователя в нужное место и управлять его взглядом? То попробуем разобраться вместе : )

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

Читать далее
Всего голосов 2: ↑2 и ↓0 +2
Просмотры 2.5K
Комментарии 4

Инвалидность не повод не играть: проект «Контроллер» с помощью 3D-печати дарит особенным людям радость игр с геймпадом

Usability *Прототипирование *3D-принтеры Игры и игровые консоли

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

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

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

Читать далее
Всего голосов 12: ↑12 и ↓0 +12
Просмотры 1.6K
Комментарии 1

Почему каждый сайт пытается продвинуть своё нативное приложение?

Блог компании ITSumma Интерфейсы *Usability *


Странная вещь: вот сайты (теперь не все, но всё ещё многие) отлично работают в браузере. Но только заходишь со смартфона, начинается цирк. Всплывающее окно — хотите открыть ссылку в приложении? В каком? У меня нет никакого приложения! Если случайно нажать «Да», то начнётся скачивание — и нативное приложение таки будет установлено.

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

Спрашивается, зачем? Зачем устанавливать на смартфон отдельное нативное приложение для каждого сайта? Очевидно, что маркетологи впаривают их не просто так. Похоже, это очень выгодное дело.
Читать дальше →
Всего голосов 99: ↑98 и ↓1 +97
Просмотры 31K
Комментарии 66

Как укротить Telegram, чтобы он не мешал концентрироваться

Usability *Управление сообществом *Социальные сети и сообщества Лайфхаки для гиков
Tutorial

Привет, я Ма́ртын, преподаватель JavaScript в ElbrusBootcamp. Я составил список из 20+ правил, которых стал придерживаться. Насколько мне известно, это самый строгий список рекомендаций для Телеги.

Мессенджеры — это средство для общения с близкими. Но приходится использовать их как рабочий инструмент или как способ развлечения. Чтобы избежать утечки внимания, я ввёл ряд ограничений. Это помогло мне разделить личную жизнь, обучение, работу и мемасы. Заметка будет полезна тем, кто ощутил на себе схожую проблему и ищет способов её устранения.

Разобраться
Всего голосов 19: ↑15 и ↓4 +11
Просмотры 6.3K
Комментарии 21

Тултипы (tooltips). Что это такое и как их проектировать

Веб-дизайн *Разработка веб-сайтов *Usability *Прототипирование *Дизайн
Tutorial

Тултип, от английского tooltip. Это такая короткая всплывающая подсказка, появляющаяся при наведении курсора на элемент. Или при фокусировании на элементе с помощью клавиатуры. Или при длительном разглядывании элемента, если вы в шлеме виртуальной реальности с трекингом глаз.

Привет, меня зовут Егор Камелев. Я занимаюсь проектированием интерфейсов с 2006 года. Сегодня хочу поделиться чек-листом вопросов, связанных с проектированием тултипов.

Читать далее
Всего голосов 4: ↑4 и ↓0 +4
Просмотры 3.5K
Комментарии 1

100 символов, или Как влияет длина строки на читаемость текста

Блог компании TINKOFF Интерфейсы *Usability *Дизайн

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

Роберт Брингхерст в книге «Основы стиля в типографике» говорит, что оптимальное значение длины строки составляет от 45 до 75 знаков. 66 — идеальный вариант, а для многоколонного набора — 40—50 знаков.

Максим Ильяхов пишет, что за максимум берет 75 знаков, — столько помещается на страницу А4 с полями при наборе 12-м кеглем.

Smashing Magazine в 2009 году провели исследование и выяснили, что средний результат символов на строку равен 88,74, а среднее значение изменяется от 75 до 85.

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

Читать далее
Всего голосов 12: ↑12 и ↓0 +12
Просмотры 5.6K
Комментарии 32

Сколько дизайн-систем нужно для счастья?

Блог компании БАРС Груп Usability *Дизайн

Привет, я – Герман Гришин, ведущий дизайнер продуктового направления «БАРС Груп». Наша команда разрабатывает дизайн-систему, которая помогает максимально быстро и качественно собирать макеты на готовых компонентах.

Читать далее
Всего голосов 11: ↑10 и ↓1 +9
Просмотры 1.8K
Комментарии 1

«Старые нельзя, а новых ещё нет». Как мы перепридумали иллюстрации для приложения СберМаркета за 3 месяца

Блог компании СберМаркет Интерфейсы *Usability *Управление e-commerce *Дизайн

Привет, на связи Олеся Гумененко и Тимофей Контанистов. Мы отвечаем за дизайн продукта в СберМаркете. Расскажем, как создавали новые иллюстрации для приложения, наступали на грабли и делили апельсин.

Начнём с истории компании. Она влияла на визуальный стиль продукта — и на иллюстрации тоже.

Сначала мы были Instamart — небольшим, но гордым стартапом. Уже тогда работали по простой схеме: покупатель заказывал товары из магазина, сборщики их собирали, а курьеры привозили.

В 2019 года вошли в экосистему Сбера и сменили название на СберМаркет. Заказов стало больше в сотни раз, и нужно было переделывать приложение под новые масштабы и задачи. Заодно решили заняться иллюстрациями — чтобы соответствовать большому бренду и при этом найти собственный стиль, который можно масштабировать. На всё у нас была пара месяцев.

С этого места поподробнее
Всего голосов 12: ↑10 и ↓2 +8
Просмотры 2.9K
Комментарии 13

Dashboard, dashboard, сколько тебе жить осталось?

Usability *Big Data *Дизайн Искусственный интеллект Data Engineering *
Из песочницы

Летишь ты в отпуск и думаешь, что и как делать в новом году еще круче, чтоб верить в это самому и заражать других. Включить в себе, бл*ть, футуриста. Так вот в дашборд, как в верховный смысл BI, - верить уже не получается. Сейчас модно говорить про смерть bi каким мы его знаем, про смерть дашбордов - звучит прикольно, но это кликбейтный бред вендоров и заканчивается всегда он саморекламой. Хочется же не столько накинуть на вентилятор, сколько поразбираться и понять для себя что-то, обрести новые идеи или занизить ожидания.

Читать далее
Всего голосов 16: ↑13 и ↓3 +10
Просмотры 12K
Комментарии 4

Что нужно клиентам

Usability *

Прочтя на хабре очередную статью о том, как мы и так, и эдак удовлетворяли заказчиков, прокомментировала. Я написала "дайте клиентам уверенность и спокойствие" (цит. по памяти). Просто отстаньте от нас, клиентов. От нас, лояльных. Делайте то, что у вас уже покупают. Стабильно делайте.

Написала. Душу, скажем так, отвела, и задумалась. Задумалась я о том, что ни разу не видела тут статьи "мы - клиенты, и вот, чего мы хотим от вас (финансисты, разрабы, создатели сервисов и др.)".

Я очень редко бегаю от сервиса к сервису. Надо меня реально достать, чтобы я убежала. И доставание в целом бывает одного вида: что-то, что я уже покупаю, уже с давних пор, испортилось.

Мне сейчас под 50. Я женщина. Если я что-нибудь понимаю в жизни, в РФ таких очень много. Обширнейшая клиентура. Очень подозреваю, что вся моя страта в чём-то похожа.

В этих статьях про "как мы добавили фишек в наш сервис" я между строчек вижу модель клиента "юноша в казино. Он хочет много и быстро, набрать, а не потерять, и чтобы со звоном-присвистом". Женщина в 50 хочет совсем другого: хочет надёжности и простоты в использовании. Чтобы очередной бы сервис работал не как часы, а проще - как сковородка. Чтобы при случае мирно жарить яичницу, особо не глядя. Жизнь в зрелом возрасте - это много яичниц, тихо, изо дня в день

Читать далее
Всего голосов 41: ↑38 и ↓3 +35
Просмотры 4.7K
Комментарии 75

Заходит как-то UX-дизайнер в бар Tesla…

Блог компании Productivity Inside Usability *Дизайн
Перевод
В декабре я взял Tesla 3 напрокат у друга. Примерно через пять минут после начала поездки у машины стало запотевать лобовое стекло. На большом экране с панелью управления, которыми так славятся автомобили Tesla, мне не удалось найти опцию «обогрев стекла». В отчаянии я стал нажимать на иконку CAR, но меня перекинуло на экран настроек, с которого никуда больше нельзя было перейти. Перебирая все подряд кнопки на руле, я случайно перешел на голосовое управление, и тогда наконец сумел включить обогрев стекла. Опыт был такой необычный, что я написал о нем в Твиттере:



У меня только что состоялась первая поездка на Tesla (отстаю, да). У центральной панели на удивление плохой UX-дизайн. Никак не мог найти антизапотеватель. В итоге пришлось перейти на голосовое управление, только тогда появилась иконка климат-контроля. Это очень опасно.

Я и не знал, что машины Tesla перешли на новый интерфейс буквально за несколько дней до этого происшествия. Обновление вызвало немало споров: UX-дизайнер зашел в бар Tesla и наступил прямиком в осиное гнездо.
Читать дальше →
Всего голосов 17: ↑17 и ↓0 +17
Просмотры 7.9K
Комментарии 75

Как мы упростили жизнь саппорту или почему F.A.Q полезен

Интерфейсы *Usability *Дизайн мобильных приложений *

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

Читать далее
Всего голосов 3: ↑3 и ↓0 +3
Просмотры 1.6K
Комментарии 1

12 вещей, которые мы поняли за 12 месяцев работы в UX-исследованиях

Блог компании VK Usability *Исследования и прогнозы в IT Карьера в IT-индустрии IT-компании

Привет! Нас зовут Лёня, Полина и Настя. Мы младшие аналитики-исследователи в VK. Год назад мы почти одновременно столкнулись с UX-исследованиями и стали стажёрами в UX Lab VK. Расскажем, как студентам попасть на работу в UX-лабораторию крупной IT-компании и чему можно научиться на стажировке.

Читать далее
Всего голосов 23: ↑22 и ↓1 +21
Просмотры 3.7K
Комментарии 1

Open source: от графических оболочек до биометрических гаджетов

Блог компании Конференции Олега Бунина (Онтико) Open source *Usability *Гаджеты Будущее здесь

Дмитрий Костюк совмещает преподавание в университете и работу в Percona. А еще он активно занимается организацией опенсорс-конференций, инфраструктурой GNU/Linux, базами данных с открытым исходным кодом и эргономикой графического интерфейса и UI/UX. На TestDriven Conf вместе с Дмитрием разберёмся, как биометрические гаджеты помогают в usability-тестах. 

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

Читать далее
Всего голосов 15: ↑15 и ↓0 +15
Просмотры 1.6K
Комментарии 0

Обновление дистанционной регистрации бизнеса в банке

Интерфейсы *Usability *Прототипирование *Дизайн

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

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

Читать далее
Всего голосов 6: ↑3 и ↓3 0
Просмотры 772
Комментарии 4

Кейс: увеличиваем оборот интернет-магазина на 75% (~1,5 млн рублей) за месяц с помощью UX/BA

Usability *Тестирование веб-сервисов *Исследования и прогнозы в IT Веб-аналитика *Интернет-маркетинг
Из песочницы

Всем привет! Сегодня речь пойдет об интересном кейсе, когда мы, используя только UX-исследования и BA-ориентированный подход, смогли улучшить оборот проекта на 75% всего за 30 дней. Мы смогли принести проекту 1.5 млн рублей чистого оборота, без вложений в рекламу или другие источники трафика

Читать далее
Всего голосов 5: ↑4 и ↓1 +3
Просмотры 2.7K
Комментарии 30

Процесс верификации юзеров в сервисе поиска талантов

Веб-дизайн *Интерфейсы *Usability *Дизайн

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

Читать далее
Рейтинг 0
Просмотры 871
Комментарии 0

Правда ли, что в России сервисы и интерфейсы развиты лучше, чем в Европе и Америке?

Блог компании TINKOFF Интерфейсы *Usability *Дизайн

Мы с коллегой @Methaqualone несколько раз столкнулись с утверждением, что в России цифровые сервисы лучше, а мобильные банки дружелюбнее. Якобы наши государственные порталы удобнее, а интерфейсы интернет-магазинов интуитивно понятнее. 

Ни одна из нас не жила за границей, но стало интересно проверить: это как сакраментальное «русские девушки самые красивые» или зарубежные пользователи тоже считают, что наши интерфейсы самые классные? И если да, то почему? 

Читать далее
Всего голосов 137: ↑120 и ↓17 +103
Просмотры 48K
Комментарии 418

Вклад авторов