Рубрика «ux/ui»

Всем привет!

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

Поехали

Что такое Карта Пути Пользователя?

Карта пути пользователя (или иногда карта пользовательского опыта) — зеркало взаимодействия клиента с вашим продуктом/сервисом.

В прошлом месяце я написала руководство по Google Analytics для UX-дизайнеров. Полезная статья для владельцев сайтов или продуктов, у которых уже есть трафик. Но что делать, если вы начинаете с нуля? Как создать продукт, которым захотят пользоваться?

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

Создание карты пути пользователя для чайников - 1Читать полностью »

Время чтения ~15 минут

“Копнуть” в пользователя с помощью глубинных интервью - 1

Вы создаете продукты для людей?

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

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

Как делать лучшие сайты в России - 1

1 марта состоялась церемония награждения конкурса «Золотой сайт-2017», на следующий день были опубликованы оценки компетентного жюри. Еще осенью прошлого года автор этой статьи решил принять участие в этом увлекательном мероприятии, и процесс из серьезного (что подразумевалось вначале) превратился в интересный (что получилось в результате). Хотелось бы поделиться некоторыми трендами веб-разработки, которые проявились в сайтах, победивших в конкурсе.

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

Слушай, я не помню, как так вышло, но решили запустить новый сайт Райффайзенбанка. Прошлый был с вертикальным меню слева, ты, возможно, даже помнишь его. И кстати, он неплохой в целом получился, для своего времени. Его все нежно любили, как старого подслеповатого пса, привыкли, понимаешь? Но мышей он уже не ловил, не пес в смысле, а сайт, конечно. Я про бизнес-задачи. Навигация какая-то кривая, обилие тупиковых страниц. Ладно бы они рассказывали про представительство банка в Сьерра-Леоне, так нет же, про продукт страницы. И сложилось понимание, нельзя так жить больше, у бизнеса сложилось, мы-то давно на низком старте. С пользователями посложнее: они изменения не любят, как известно. Тут мы, в некотором смысле, выступаем миссионерами, несем благую весть, так сказать. В общем, принялись за дело.

Как мы Raiffeisen.ru редизайнили - 1Читать полностью »

Дополненная реальность (AR) проникает в традиционные отрасли — ритейл, здравоохранение — и меняет их. Мы уже однажды писали, что автомобиль — первый претендент на звание главной AR-платформы. Ежегодные темпы распространения AR в автомобилестроении подтверждают это.

Разберемся, как строится «общение» водителя с автомобилем в целом и как может поменяться этот процесс с использованием дополненной реальности и других технологий.

Обратная связь: как интерфейсы помогают водителям общаться с автомобилями - 1
Читать полностью »

На онлайн-конференции ФРИИ «Как построить бизнес на основе технологий» Звиад Кардава, ответственный за developer relations в Google, рассказал о проблемах технологических стартапов в разработке, развитии продукта и управлении процессами, и как их можно решить или избежать.

Типичные проблемы IT-стартапов, которые мешают быстро развиваться, и как их избежать - 1
Читать полностью »

Дизайн под iPhone X. Гайдлайны для iOS 11 - 1

Вместе с iOS 11 появился новый iPhone X, айфон с самой большой диагональю экрана, который фактически не имеет границ. 5.8 дюймовый OLED экран даже больше чем экран 5.5 дюймов iPhone 8 Plus, в то время как размер самого корпуса примерно такой же как у iPhone 8. Для дизайнеров это означает большую свободу в макетах.

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

image

Толчок к написанию статьи. Давайте растопим лед

Август 2017. И вот опять из окна иллюминатора виднеется эта бескрайняя, кажущаяся непреодолимой и опасной, но в то же время загадочной и волнующей, пустыня Австралии.
Хочу заметить, что мой полет проходит не через одну, а через несколько пустынь Австралии, а также и через Алис-Спрингс — центр региона Центральная Австралия, который почти равно удалён от городов Аделаида на юге и Дарвин на севере. Вообще земля Австралии меня увлекает, и наверное, я могла бы еще Вам много чего рассказать, но это тема уже совершенно другой статьи.
Читать полностью »

Проблемы React UI Kit-а и единой дизайн-системы, о которых вы не знали - 1

2 сентября 2017 прошла конференция Moscow Frontend, где я на примере React UI Kit рассказывала о проблемах, которые встречаются при внедрении UI Kit в компании. Тема оказалась актуальнее, чем я могла предположить, поэтому решила опубликовать статью по этой же тематике, преследуя две цели: донести материал до людей, которые не смогли оказаться на конференции лично, и предоставить отличную возможность провести жаркую дискуссию на эту тему в комментариях.

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

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

Классическое представление дерева сущностей (например, меню разделов сайта, главное меню в программах) довольно удобно и наглядно в случае «высокого» дерева с не слишком глубокой вложенностью элементов. Будь то выпадающее меню (как главное строковое меню программ) или раскрывающееся (как в левой панели популярных файловых менеджеров), всё довольно удобно и наглядно. А что если дерево низкое и развесистое? У каждого родителя детей мало, зато вложенность достигает, скажем, 10. Или 50…

Низкие ветвистые деревья

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