Как стать автором
Обновить
  • по релевантности
  • по времени
  • по рейтингу

Apple Music: не пытаясь скрыть боль

Блог компании Лайв ТайпингUsabilityДизайн мобильных приложений
Когда я начал развивать направление тестирования в компании Лайв Тайпинг, я не думал, что профдеформация пустит корни так глубоко, что я начну искать баги даже там, где меня не просят. На фоне этого произошло следующее: я не могу работать с приложением Apple Music. Без судорог, разумеется. И без недоумения, как Apple, уважаемая компания, задающая тон в разработке и дизайне, может допускать такие ошибки и не следовать своим же собственным гайдлайнам. Я активно пользуюсь музыкальными сервисами, и сравнение их юзабилити играет далеко не в пользу Apple Music.

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


Читать дальше →
Всего голосов 17: ↑15 и ↓2+13
Просмотры19K
Комментарии 24

Лучшие приемы минималистичного дизайна

Блог компании НетологияВеб-дизайнИнтерфейсыUsabilityГрафический дизайн
Перевод
Светлана Шаповалова, коммерческий автор и переводчик, специально для «Нетологии» адаптировала статью Ника Бабича — разработчика и фаната UI/UX, в которой он рассказал о лучших приемах минималистичного дизайна.

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


Читать дальше →
Всего голосов 22: ↑14 и ↓8+6
Просмотры26K
Комментарии 11

10 шагов к улучшенной адаптации пользователя

Блог компании НетологияИнтерфейсыUsabilityДизайн мобильных приложений
Перевод
Роман Шелехов, руководитель группы развития корпоративных электронных каналов в Банке ВТБ и магистр Гильдии вольных проектировщиков, специально для «Нетологии» адаптировал статью Grzegorz Oksiuta об адаптации пользователя как об одном из важнейших элементов приложений.

Адаптация пользователя (Onboarding/Онбординг) – ключевой элемент любого приложения. Зачастую именно простота использования определяет, будут ли пользоваться приложением или нет.

Адаптация пользователя — это больше, чем просто экранные заставки и подсказки в пользовательском интерфейсе. В этой статье описаны наиболее яркие примеры хорошей адаптации.


Читать дальше →
Всего голосов 8: ↑6 и ↓2+4
Просмотры7.1K
Комментарии 1

Создание дизайн-экосистемы для десятков связанных ИТ-решений: слово дизайнерам

Блог компании True EngineeringВеб-дизайнИнтерфейсыUsabilityДизайн мобильных приложений
Сегодня расскажем, как пришли к необходимости создания единой UI/UX-системы для разных приложений одного из наших заказчиков. О том, какие принципы в нее заложили и как технологично дизайн-экосистему упаковали.

image

Надеемся, наш опыт будет интересен UI/UX дизайнерам, фронтэндерам, а также бренд-менеджерам, которые на собственном опыте сталкиваются с подобными задачами.
Читать дальше →
Всего голосов 13: ↑12 и ↓1+11
Просмотры8.8K
Комментарии 8

Разработка интерфейса приложения для пожизненного использования на примере мобильного дневника диабета

ИнтерфейсыUsabilityДизайн мобильных приложений
Из песочницы
Диабет является одним из самых распространенных заболеваний во всем мире. В одной только России число диабетиков составляет 9,5 миллионов человек, в мире же это число достигает 422 миллиона, а это каждый 18-й человек.

Я, разработчик приложения для диабетиков, являюсь этим самым 18-м человеком, в 8 лет мне поставили диагноз «Диабет 1 типа».



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

Из-за этого диабетикам первого типа приходится постоянно делать инъекции инсулина – в среднем 5 раз в день, и измерять уровень сахара в крови, прокалывая палец в среднем 7 раз в день. Диабетики второго типа чаще всего обходятся просто соблюдением диеты и приемом таблеток, но все равно иногда им приходится подключать и инсулинотерапию.

Как же мобильное приложение может помочь всем этим людям?
Читать дальше →
Всего голосов 37: ↑37 и ↓0+37
Просмотры20K
Комментарии 47

«Невидимый дизайн»: проектируем вместе с машинами

Блог компании НетологияВеб-дизайнИнтерфейсыUsabilityДизайн мобильных приложений
Перевод
Recovery mode
Ирина Черепанова и Татьяна Жукова из проекта uKit AI, обучающего нейросеть редизайну сайтов, перевели колонку менеджера команд продуктового дизайнер из Airbnb Амбер Картрайт о том, как умные технологии позволяют улучшать известные продукты.

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



В наши дни машинный интеллект стремительно развивается, а вслед за ним должны эволюционировать методы и продукты, которые мы проектируем. Перед вами рассказ о проектировании в тандеме с машинами или, как я называю это, о «невидимом дизайне»: работе с искусственным интеллектом и машинным обучением. Инструментами, которые, как я считаю, создают благодатную почву для будущего продуктового дизайна.
Читать дальше →
Всего голосов 11: ↑10 и ↓1+9
Просмотры4K
Комментарии 5

Создание Tinkoff Design System. UI Kit, версионирование и витрина компонентов

Блог компании TINKOFFВеб-дизайнИнтерфейсы
image

В предыдущей публикации я рассказал о том, как мы пришли к пониманию необходимости создания дизайн-системы, и какой профит мы можем получить от ее внедрения. И, конечно, процессы создания и внедрения не такие простые, как кажутся на первый взгляд. Мы столкнулись с рядом серьезных проблем, которые нам предстояло решить. Именно о процессе создания и трудностях пойдет речь в этой статье.
Читать дальше →
Всего голосов 60: ↑44 и ↓16+28
Просмотры48K
Комментарии 39

Лучший UX и веб-дизайн по версии пользователей Behance

Блог компании НетологияВеб-дизайнИнтерфейсыUsability
Recovery mode
Редакция блога «Нетологии» собрала подборку самых крутых работ дизайнеров на Behance: вдохновляться и искать идеи для развития. Мы любим такие подборки, поэтому если вам есть, что рассказать о крутых дизайнерах (или вы сам крутой дизайнер) — напишите нашим редакторам, мы с радостью посотрудничаем. Мы решили выделить две категории работ: UX и пользовательское взаимодействие и веб-дизайн.

UX и пользовательское взаимодействие


Explore the Moon от 108 Studio



Московская студия создала сайт для Музея лунных исследований. Неординарный проект, выдержанный в черно-белых тонах, набрал более 92 тысяч просмотров, 10 тысяч лайков и более 500 комментариев.
Читать дальше →
Всего голосов 7: ↑5 и ↓2+3
Просмотры11K
Комментарии 1

Как у нас устроено A/Б-тестирование. Лекция Яндекса

Блог компании ЯндексИнтерфейсыПромышленное программированиеТестирование веб-сервисовТестирование мобильных приложений
A/Б-тестирование на сервисах Яндекса проводится постоянно. «Раскатить на такую-то долю аудитории» и посмотреть на реакцию людей — настолько стандартная практика, что ни у кого в команде не возникает вопроса, зачем это нужно. А чтобы не было проблем с самим тестированием, у нас есть специальная инфраструктура для экспериментов. Подробности рассказывают разработчики Сергей Мыц и Данил Валгушев.


Сергей:
— Я попробую упрощенно описать задачу A/Б-тестирования. Есть абстрактная система с пользователями, в нее мы вносим какие-то изменения, и нужно уметь измерять в ней пользу. Пока все просто, но слишком абстрактно. Пример. Есть веб-сервис по сравнению пары фотографий котов. Пользователь должен выбрать наиболее понравившуюся фотографию. При этом он может выбрать не только левый или правый снимок, но и «против всех». Значит, мы подобрали картинки не очень хорошо. Наша задача — обоснованно улучшать сервис, доказывая это цифрами.
Читать дальше →
Всего голосов 51: ↑50 и ↓1+49
Просмотры29K
Комментарии 2

Лекция Яндекса: Advanced UI, часть первая

Блог компании ЯндексРазработка мобильных приложенийИнтерфейсыРазработка под Android
Мы опубликуем несколько лекций Школы мобильной разработки 2017 года. Эта школа — часть проекта Яндекса «Мобилизация». Здесь можно найти видеокурсы, составленные по итогам «Мобилизации» прошлого года.

Лекцию «Advanced UI» прочитал Дмитрий Свирихин — разработчик из команды мобильной Яндекс.Почты. Дмитрий объясняет, как при разработке интерфейса Android-приложения решать самые распространённые проблемы.


Давайте резюмируем все вышесказанное про темы. Единообразные UI-элементы мы должны стилизовать с помощью тем, при этом нам не нужно писать всю тему с нуля, мы можем унаследоваться от какой-то системной темы и первоначально задавать некоторое подмножество атрибутов для этой темы.

Читать дальше →
Всего голосов 31: ↑30 и ↓1+29
Просмотры12K
Комментарии 4

QIWI приглашает дизайнеров, исследователей и аналитиков «на кухню»

Блог компании QIWIВеб-дизайнИнтерфейсыДизайн мобильных приложенийВеб-аналитика
15 февраля 2018 г. в офисе QIWI пройдет митап QIWI Кухня, посвященный созданию продуктов «с нуля». Спикерами выступят команды дизайнеров QIWI, а также Иван Замесин (ex- Chatfuel) и Алексей Черняк (ex-Groupon).

image

Новый проект QIWI Кухня — это серия неформальных митапов для дизайнеров, исследователей и аналитиков, которые хотят быстро запускать новые продукты и увидеть внутреннюю «кухню» QIWI и как все устроено в больших компаниях на самом деле.
Участники первого митапа смогут узнать о процессах при создании продуктов с нуля, почему вся команда должна знать бизнес-модель, как быстро и легко делать customer development.
Рил ток онли!

Лиды продуктовых и дизайн-команд QIWI расскажут, как проводить UX-тесты, когда у вас agile, как создавался дизайн «Совести» и как с ним жить дальше, на какую аналитику не стоит тратить время на старте.

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

WIP: Product Design

Блог компании Mail.ru GroupВеб-дизайнИнтерфейсыUsabilityДизайн мобильных приложений


Хочу рассказать про цикл работы над дизайном готового продукта, опираясь на собственный опыт работы в beepcar.ru. Это сервис который одним помогает попасть из пункта А в пункт Б, другим — сэкономить на бензине, а иногда — даже заработать. Короче, сводит водителей
и пассажиров. У нас есть веб-версия и два приложения — для Android и iOS.

Сам цикл поделён на три модуля: Before Design, Design и After Design. Ниже я расскажу про каждый подробно.

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

Открытый урок «Проектирование UX/UI: дизайн в современном мире»

Блог компании OTUSИнтерфейсыГрафический дизайн
Всем доброго времени суток!

Мы провели тут в рамках нашего второго «непрограммерского» курса — «Проектирование UX\UI» открытый вебинар на выше указанную тему, где разбирали что такое «дизайн», «дизайнер» и роль всего этого в мире компании.

Наши преподаватели так же поговорили о современных трендах и перспективах в данной области. Так что, надеемся, что вам будет интересно:


Как всегда ждём комментарии, вопросы, предложении тут или на Дне открытых дверей.
Всего голосов 12: ↑11 и ↓1+10
Просмотры12K
Комментарии 0

Эксперименты на котиках: как увеличить количество покупок в приложении

Блог компании Mobile DimensionРазработка мобильных приложенийДизайн мобильных приложенийМедийная реклама


Эксперименты на людях любят не только социологи, но и менеджеры продуктов – особенно, когда это самый эффективный способ узнать, какие «фишки» сработают на твою аудиторию. Мы, в Mobile Dimension, решили проверить, котики или продуманное ценностное предложение увеличит количество in-app покупок, и пришли к любопытным результатам.
Читать дальше →
Всего голосов 17: ↑17 и ↓0+17
Просмотры5.8K
Комментарии 20

UX, UXD, CX, UI, IxD: разбираемся в терминах

Блог компании Puzzle EnglishДизайнИзучение языков
Recovery mode
Чем UX отличается от UI и CX, что такое экосистема продукта и дизайн услуги. Объясняем происхождение слов, значения и сферы употребления.


Читать дальше →
Всего голосов 9: ↑8 и ↓1+7
Просмотры44K
Комментарии 1

Разлом четвертой стены в виртуальной реальности

ГаджетыКиберпанкAR и VRИгры и игровые приставкиБудущее здесь
image

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

О способах разлома четвертой стены в классических компьютерных играх также писали уже множество раз (1,2). Но с появлением очков виртуальной реальности история с четвертой стеной приобретает интересный оборот. Теперь игрок оказывается не наблюдающим за действием через рамку экрана монитора, а становится непосредственно присутствующим в виртуальном пространстве. Значит ли это, что четвертой стены в компьютерных играх больше не существует? Не обязательно. И вот почему.
Читать дальше →
Всего голосов 10: ↑8 и ↓2+6
Просмотры13K
Комментарии 3

Как избежать эффекта motion sickness при перемещении в VR

ГаджетыКомпьютерное железоAR и VRИгры и игровые приставкиБудущее здесь
image

В сознании многих людей ВР-очки все еще являются просто «линзами с мониторами перед глазами, где вместо мышки нужно крутить головой». Даже многочисленные IT-специалисты еще не пришли к простому факту, что VR — это полноценная новая платформа, которая требует совершенно новых подходов в области выстраивания системы взаимодействия между человеком и компьютером, изменению концепций управления в известных игровых жанрах и UI/UX в целом. Одним словом — платформа требует исследования, которое и ведется множеством разработчиков вот уже несколько лет с момента появления Oculus Rift DK1.

Одним из наглядных примеров уникальности платформы является проблема свободного перемещения в виртуальной реальности и связанный с ним эффект укачивания (motion sickness). Давайте все же еще раз разберем его чуть подробнее.
Читать дальше →
Всего голосов 14: ↑14 и ↓0+14
Просмотры21K
Комментарии 28

Коммерческие факторы ранжирования интернет-магазина и сайта услуг

Разработка веб-сайтовUsabilityПоисковая оптимизация
Tutorial

Внимание, лонгрид!


Это подробнейший разбор коммерческих факторов, основанный на анализе через вебвизор поведения посетителей из Яндекс.Толоки, информации из официальных документов поисковых систем и выступлений их сотрудников на конференциях.


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


Чек-лист по коммерческим факторам в конце статьи.


Читать дальше →
Всего голосов 13: ↑10 и ↓3+7
Просмотры35K
Комментарии 10

Нужно себя заставить: драйверы и барьеры в интерфейсах

Блог компании red_mad_robotДизайн мобильных приложенийДизайн
image

Люди не роботы — у каждого яркая индивидуальность и богатый внутренний мир. Но в базовой комплектации у нас более-менее одинаковые эргономические и когнитивные способности. Итак, разберемся в управлении мозгами.
Читать дальше →
Всего голосов 16: ↑15 и ↓1+14
Просмотры5.6K
Комментарии 2

Как мы уместили таблицы в экран смартфона и унифицировали в рамках дизайн-системы

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

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

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

Для дизайн-проектирования это ставит нам 2 задачи:

1. Превратить большое в маленькое – перевести объемные списки в мобильное представление.



2. Разработать подход к унификации – унифицировать мобильное представление для разных списков в рамках нашей экосистемы. Чтобы пользовательский опыт был единообразным, вне зависимости от модуля, с которым работает пользователь.

В этой заметке поделимся тем, как мы подходили к решению задач перевода таблиц в списки и унификации представления разных списков.
Читать дальше →
Всего голосов 22: ↑21 и ↓1+20
Просмотры9.5K
Комментарии 5