Как стать автором
Обновить
73.08

Usability *

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

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

Проектируем быстрые действия в iOS: 58 гайдлайнов

Уровень сложностиСредний
Время на прочтение7 мин
Количество просмотров1.7K

Быстрые действия – полезная функция приложений в iOS, позволяющая упростить путь клиента и сократить число действий, требуемых для выполнения задач.

Несмотря пользу, применяют ее далеко не все, а у тех, кто применяет, часто есть потенциал для улучшения.

В этой статье – 58 гайдлайнов с лучшими практиками и примерами ошибок, которые лучше не совершать при проектировании быстрых действий в iOS, а также идеи применения быстрых действий в e-commerce приложениях.

Читать далее
Рейтинг0
Комментарии2

Как спроектировать хороший таббар: 67 гайдлайнов

Уровень сложностиСредний
Время на прочтение7 мин
Количество просмотров4.1K

Таббар – элемент интерфейса, упрощающий навигацию в приложении. Причем достаточно популярный: для этой статьи я скачал 500 аппов и лишь в 14 его не было.

Может показаться, что таббар – это просто. Но, как показывает практика, это ощущение обманчиво, и классный таббар от убогого отличает множество деталей.

В статье будет много анти-примеров, чтобы вы не наступали на грабли, на которые кто-то уже наступил.

Читать далее
Всего голосов 9: ↑8 и ↓1+7
Комментарии4

Проектируем уведомления в iOS: 104 гайдлайна

Уровень сложностиСредний
Время на прочтение11 мин
Количество просмотров1.9K

Push-уведомления – важная точка контакта с пользователями, которая может либо обогатить customer journey, либо обрушить их лояльность. При проектировании уведомлений есть много тонкостей в плане UX-редактуры, дизайна и разработки.

Сегодня на базе анализа 150+ приложений мы разберем 104 гайдлайна – как лучшие практики, так и грабли, на которые не стоит наступать.

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

Как мы создаем Squadus: улучшение UX в новом продукте

Время на прочтение8 мин
Количество просмотров2.5K

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

Squadus — приложение с обширной функциональностью. Это единое цифровое рабочее пространство, которое позволяет общаться в чатах, проводить конференции, совместно работать над документами и автоматизировать типовые действия с помощью ботов. Обеспечение комфорта пользователя было одной из приоритетных задач нашей разработки. При создании интерфейсов мы учли массу возможных UX-сценариев, провели серии исследований, проверили десятки гипотез и протестировали несколько прототипов приложения.

О том, как мы сделали Squadus не просто универсальным, но и удобным в работе инструментом коммуникаций, читайте под катом.

Читать далее
Всего голосов 29: ↑27 и ↓2+25
Комментарии2

Истории

Как сделать сервисы доступнее для людей с нарушениями зрения. Исправляем 5 самых частых ошибок

Уровень сложностиПростой
Время на прочтение8 мин
Количество просмотров3.3K

Всем привет! Меня зовут Юля Долгун, я фронтенд-разработчик из Поиска. Одна из моих задач — поддерживать доступность в поиске по товарам для пользователей с различными ограничениями здоровья.

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

Читать далее
Всего голосов 28: ↑28 и ↓0+28
Комментарии6

Как мы в SM Lab сделали редизайн системы «Оценка вклада»

Время на прочтение5 мин
Количество просмотров884

Привет! Меня зовут Сергей Топунов, я фронт-разработчик в SM Lab. Недавно мы сделали редизайн одной из наших внутренних систем, о чем я и хочу вам сегодня рассказать.    

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

Основная задача, которая стояла перед нашей командой, заключалась в том, чтобы качественно и за ограниченное время обновить интерфейс Backoffice-системы. Интерфейс был собран с использованием фреймворка Vuetify, представляющего из себя стандартную дизайн-систему Material Design от Google. Были достаточно серьезные недостатки и проблемы, связанные с UX/UI, потому что версию делали в определенной спешке.

Сразу было принято решение — оставить Vuetify как основной фреймворк, а свои компоненты делать только при крайней необходимости. Задача состояла в том, чтобы придумать простые и универсальные правила, которые не конфликтовали бы с Vuetify и позволяли бы легко подключать новые компоненты.

Читать далее
Всего голосов 13: ↑12 и ↓1+11
Комментарии1

Как повысить эффективность своего колл-центра или улучшить пуш-сообщения

Время на прочтение4 мин
Количество просмотров2.7K

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

Читать далее
Всего голосов 11: ↑9 и ↓2+7
Комментарии4

Интерфейс дерева комментариев. Сравниваем Хабр и клиенты Reddit; переделываем Хабр

Уровень сложностиПростой
Время на прочтение5 мин
Количество просмотров4.2K

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

Одна из самых старых и самых популярных площадок с деревьями комментариев — это Reddit. Правда, большая часть его пользователей едина в одном: его интерфейс ужасен. Но его API открыто, поэтому на выбор есть множество клиентских приложений, особенно для мобильных телефонов — Joey, Relay, Slide и Boost и другие. Их авторы — как правило, и сами недовольные стандартным интерфейсом Реддита — потратили много времени и сил на поиск удобного интерфейса для комментариев. И большая их часть пришла к очень похожим вариантам дизайна.

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

Читать далее
Всего голосов 25: ↑25 и ↓0+25
Комментарии24

Windows vs. Linux в настоящее время

Уровень сложностиПростой
Время на прочтение4 мин
Количество просмотров40K


В последнее время чаще стала бросаться в глаза информация о постепенно набирающем отказе от западного ПО под названием импортозамещение. Вот например одна из недавних: ГКНПЦ им. М. В. Хруничева планирует завершить переход рабочих мест на Linux к 2025 году. И это не удивительно, так как с западным ПО сложности не только с поддержкой (которая закончилась после ухода вендеров), но и существует банальная проблема просто его купить за свои кровные Где купить Windows в условиях санкций?


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


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

Читать дальше →
Всего голосов 65: ↑43 и ↓22+21
Комментарии558

Прекрасный минимализм текстовых файлов

Время на прочтение5 мин
Количество просмотров32K

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

Читать далее
Всего голосов 168: ↑159 и ↓9+150
Комментарии241

Интерфейс доступный каждому: практические рекомендации

Время на прочтение18 мин
Количество просмотров6.4K

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

Читать далее
Всего голосов 10: ↑10 и ↓0+10
Комментарии1

30 идей по улучшению страницы подтверждения заказа в интернет-магазине

Уровень сложностиСредний
Время на прочтение6 мин
Количество просмотров1.7K

Странице подтверждения заказа часто отводится незаслуженно мало внимания. Но с ее помощью можно решить много задач и создать ценность – как для клиента, так и для компании. Как еще ее использовать? В статье – 30 идей.

Читать далее
Всего голосов 6: ↑3 и ↓30
Комментарии5

Писатели в ИТ: кто и как придумывает тексты для интерфейсов

Время на прочтение6 мин
Количество просмотров2.6K

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

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

Под катом рассказываем, как устроена работа UX-писателей в МойОфис: в какие процессы они вовлечены и какие проблемы решают в работе.

Читать далее
Всего голосов 28: ↑26 и ↓2+24
Комментарии7

Ближайшие события

Weekend Offer в AliExpress
Дата20 – 21 апреля
Время10:00 – 20:00
Место
Онлайн
Конференция «Я.Железо»
Дата18 мая
Время14:00 – 23:59
Место
МоскваОнлайн

Фотки по-красоте: как сделать сетку предпросмотра изображений

Уровень сложностиСредний
Время на прочтение4 мин
Количество просмотров3K

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

Читать далее
Всего голосов 22: ↑21 и ↓1+20
Комментарии2

Они не шутят: 7 концептов, в осмысленность которых сложно поверить

Время на прочтение4 мин
Количество просмотров6.5K
Сегодня 1 апреля и к любым публикациям нужно относиться с легкой долей скепсиса. Но ведь существуют проекты, авторы которых выдают их на полном серьезе, причем в любые даты года.



Я уже писал на Хабре о десяти действительно интересных проектах в области промышленного дизайна и она хорошо зашла — даже спровоцировала знатный холивар на тему правильный заточки ножей — но сегодня хотелось показать подборку идей, которые собираю в рубрику «упоротый дизайн». Вас ждут: самолет-гостиница на ядерном реакторе, тандемный душ, японские палочки для еды, которые бьют вас током (это чтобы еда казалась солонее), кофеварка для доширака и еще парочка бредовостей. Заходите, будет интересно.
Читать дальше →
Всего голосов 34: ↑29 и ↓5+24
Комментарии14

Личный кабинет и все, все, все. Часть 1.2. Анализ конкурентов

Уровень сложностиПростой
Время на прочтение4 мин
Количество просмотров1.3K

Начало здесь.

Русский свет

https://rs24.ru/customer_person_register

1) Форма регистрации.

Нет возможности просмотра введённого пароля.

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

Что хорошо:

Есть кнопка повтора заказа.

1. Кнопка повтора упрощает процесс оформления заказа для пользователя, поскольку все данные, введенные при предыдущем оформлении заказа, будут автоматически заполнены. Таким образом, не нужно тратить время на повторное ввод данных.

2. Кнопка повтора помогает ускорить процесс обработки заказа со стороны компании. Это связано с тем, что повторный заказ содержит все необходимые данные, что упрощает его обработку компанией.

Читать далее
Всего голосов 1: ↑0 и ↓1-1
Комментарии0

Личный кабинет и все, все, все. Тестируем, анализируем и занимаемся всяким. Часть 1

Уровень сложностиПростой
Время на прочтение8 мин
Количество просмотров4.3K

Собственно говоря, в интернете присутствуют чек‑листы для тестирования личного кабинета, но мы(почему «мы»? я, ж один) здесь постараемся подойти к проблеме более комплексно. Посмотрим что получится.

Сразу без долгих подготовок определимся для чего нужОн этот самый личный кабинет(сокращенно ЛК).

Личный кабинет — это организация какого‑либо процесса компании, который раньше был настроен в офлайне. Но из‑за оптимизации ресурсов и автоматизации рутины компания перевела его в онлайн.

Зачем сайту личный кабинет клиента

Личный кабинет пользователя на сайте решает три важных задачи.

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

Windows по сравнению с MacOS

Уровень сложностиПростой
Время на прочтение50 мин
Количество просмотров46K

У меня родилась статья в продолжение серии хороших статей:

Перейти с Linux на macOS и не сойти с ума

7 причин почему вам не стоит переходить на Mac, или как справиться с этой демонической машиной

Я, старый дурак пользователь Windows (26 лет стажа, ну да, с 1997 г.) решил купить макбук. Вот этот, предпоследний, стильный-модный-молодежный на процессоре M1 Pro. Нафига, а главное зачем - вопрос риторический и не предполагающий ответа (захотелось). Как его можно настроить, чтобы заскорузлому виндузятнику стало возможно использовать этот чудо-компьютер с яблоком без очень сильной боли в одном месте, я попытаюсь написать в этой заметке. Хотел бы я, чтобы полгода назад мне на глаза попалась такая!

Продолжение из двух частей с эпилогом
Всего голосов 99: ↑70 и ↓29+41
Комментарии317

Федеральные рекомендации по интерфейсам: переманить цифровую бюрократию на свою сторону

Уровень сложностиПростой
Время на прочтение7 мин
Количество просмотров3.7K

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

Читать далее
Всего голосов 22: ↑20 и ↓2+18
Комментарии9

Продуктовый дизайн. Инструкция по Agile методологии для новичка

Уровень сложностиПростой
Время на прочтение3 мин
Количество просмотров2.7K

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

В этой статье я хочу рассказать о том, как новичку работать с методикой Agile при создании продуктового дизайна.

Читать далее
Всего голосов 7: ↑2 и ↓5-3
Комментарии4