Елена Булыгина предлагает Вам запомнить сайт «Ленусик»
Вы хотите запомнить сайт «Ленусик»?
Да Нет
×
Прогноз погоды

Основная статья: Ux

10 направлений дизайна с практической пользой

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

UX/UI-дизайн

Начнем с дизайна пользовательского опыта / пользовательских интерфейсов (User eXperience / User Interface). Эти два направления часто ставят вместе, но некоторая разница между ними все-таки есть. Цель UX-дизайна — развивать взаимодействие пользователя с продуктом так, чтобы росло удовлетворение пользователя, а вместе с ним и его лояльность продукту. Формулировка очень обтекаемая, но она четко выражает суть термина. UX-дизайн применим во всех сферах жизни, в отличие от UI-дизайна, который все-таки относится к цифровым продуктам. UI-дизайн сконцентрирован на самом продукте.

Обладатель премии UX Design Awards 2019 года — бимодальное слуховое решение, управляемое с помощью смартфона 

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

Кстати, сегодня мы как раз запустили новый факультет GeekUniversity — UX/UI-дизайн. Но об этом мы еще напомним — давайте продолжим рассказ о других «полезных» направлениях дизайна.

Промышленный дизайн

Пример интересного индустриального дизайна

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

Веб-дизайн

Когда веб-дизайнер добавляет пространства между элементами

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

Графический дизайн

Примеры логотипов в зависимости от свойств, которые нужно передать

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

Гейм-дизайн

Прекрасный мир Skyrim, созданный гейм-дизайнерами

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

Архитектурный дизайн

Традиционная архитектура в Голландии

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

Дизайн интерьеров

Когда решил сэкономить на услугах дизайнера

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

Световой дизайн

Световой дизайн фар Audi

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

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

Ландшафтный дизайн

Сад камней

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

Экологичный дизайн

Зеленый дизайн в Сиднее

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

В GeekUniversity вы можете освоить различные виды дизайна. Есть как «общий» факультет, так и специализированные — веб-дизайн, графический дизайн, дизайн интерьера. И, как уже было сказано в начале, сегодня открылся еще и факультет UX/UI-дизайна, где за один год обучения вы освоите все навыки специалиста уровня middle и разработаете портфолио для дальнейшего трудоустройства.

Пройти обучение

6 ноя 19, 21:21
0 0
Статистика 1
Показы: 1 Охват: 0 Прочтений: 0

Онбординг: как знакомить пользователей с сайтом

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

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

Как же избежать подобных ситуаций и не отпугнуть клиентов после их первого контакта с вашим продуктом?

Онбординг — что это и зачем он нужен?

Онбординг (англ. onboarding — «введение, размещение, адаптация») — это термин, который уже достаточно распространен в сфере HR и означает механизм, с помощью которого новые сотрудники приобретают необходимые знания и навыки для эффективной работы в компании. Для рекрутеров данный процесс обычно подразумевает совокупность лекций, презентаций и обучающих программ — все то, что может помочь новичкам быстрее освоиться на рабочем месте и влиться в жизнь организации.

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

 

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

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

Помните: нужно не просто рассказать новому пользователю о продукте, а наиболее простым способом донести то, как он сможет удовлетворить свою боль и решить свои проблемы с помощью продукта.

Инструменты онбординга

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

Всплывающие подсказки (Tooltips) 

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

 

Первый интерактивный помощник от Microsoft Office

Более современный пример подсказок на сайте:

Подсказки от Facebook

Всплывающие окна (Pop-up) 

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

Интерактивные туры

Тур по продукту — это совокупность сразу нескольких всплывающих подсказок и/или попап-окон, которые появляются по мере продвижения пользователя по сайту и могут переключаться при помощи кнопки «Далее». Обычно, если пользователю не нужна подобная «экскурсия», он может отключить интерактивный тур, нажав на крестик (некоторые сайты используют кнопку «Все понятно!»). Иногда в этот инструмент также входит вступительный видеоролик с пояснениями о функционале интернет-ресурса.

Тур по панели инструментов 

Обучающий видео-ролик, встроенный в попап-окно

Пустые состояния 

Этот неочевидный инструмент буквально представляет собой пустую интернет-страницу: это может быть альбом, в который пока не добавлены фотографии, стена в социальной сети, где еще нет записей, страница ошибки, когда по запросу пользователя не удалось найти ответа. Однако эту пустоту можно выгодно использовать, если заменить ее призывом пользователя к действию: «Упс, здесь пока ничего нет... Создайте свой проект!»

 

Пример пустого состояния

Шкалы прогресса 

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

 

Шкала прогресса рекрутингового сайта 

Рассылки (или Lifecycle-рассылки) 

Данный инструмент отличается от предыдущих тем, что он не встроен непосредственно в интерфейс сайта, но тем не менее играет значительную роль в онбординге пользователей.  Lifecycle-рассылка — это цепочка писем, обучающих пользователя эффективной работе с продуктом:

Пример обучающего письма от конструктора сайтов

Как настроить онбординг под пользователя?

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

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

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

Неуместные или чересчур банальные подсказки (например, «Нажмите кнопку «Загрузить файл», чтобы загрузить файл») не помогут пользователям, а, напротив, запутают их или вызовут отторжение. Также не следует перегружать сайт всплывающими окнами, стрелочками и прочими отвлекающими объектами — онбординг должен дополнять страницу, с который работает пользователь, а не усложнять интерфейс еще сильнее. В противном случае, внимание потенциального клиента рассеется, и он уйдет с сайта, не сумев добраться до нужной ему цели.

Примеры сайтов с хорошим онбордингом пользователей

Duolingo — это бесплатная платформа для изучения иностранных языков, которая известна по всему миру. Ее онбординг включает в себя не только знакомство с функционалом сайта или мобильного приложения — в процессе прохождения интерактивного тура пользователь должен указать свои сферы интересов, потребности и цели. Это позволяет платформе обеспечить индивидуальный подход и составить эффективную учебную программу:

    

 

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

 

Онбординг поверх сайта

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

Здесь есть решение, которое не потребует особых дополнительных затрат — онбординг не в структуре самого сайта, а «поверх» него. Как, например, у Experrto.io —  конструктора интерактивных подсказок, который не требует знаний верстки, дизайна и программирования. 

Experrto представляет собой расширение для браузера Google Chrome и состоит из редактора и личного кабинета. С его помощью можно создавать всплывающие подсказки, прикреплять их к нужным элементам интерфейса, а также анализировать, насколько успешно пользователи продвигаются по составленному для них сценарию —  видеть количество запусков онбординга, завершения каждого шага и итоговую конверсию:

Статистика онбординга в личном кабинете Experrto

Расширение доступно в интернет-магазине Google, и, пока оно находится в стадии открытого тестирования, его можно попробовать бесплатно.

Подведем итоги

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

Онбординг — это лишь одна из множества важных тем, в которых необходимо разбираться современному веб-дизайнеру. Для того, чтобы все системно изучить, будет полезно пройти полноценный курс — например, на факультете веб-дизайна GeekUniversity. Новый поток начнется в ближайшие дни — отличная возможность не откладывать в долгий ящик ;)

Пройти обучение

25 окт 19, 17:18
0 0
Статистика 1
Показы: 1 Охват: 0 Прочтений: 0

Как изучить четыре профессии на одном факультете GU?

Чему и как будут учить на новом факультете дизайна в GeekUniversity? Кем смогут работать выпускники? На вопросы отвечает Марине Мкртчян, руководитель образовательного направления «Дизайн» в GeekBrains.

— Марине, привет! Чем факультет дизайна в GeekUniversity отличается от профессий по направлению «Дизайн» в GeekBrains?

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

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

Как построено обучение на факультете?

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

Третий и четвертый этапы — погружение в веб-дизайн. По ходу обучения студенты двигаются от простых задач (создание лендинга) к сложным, требующим погружения в продукт и аналитику (работа над сервисами). На пятом этапе — итоговая работа по заданиям от Delivery Club, Maps.me и других проектов в рамках Mail.ru Group.

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

Четырнадцать месяцев — срок немалый. Почему именно столько?

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

Как учится человек, если верить таксономии Блума? Сначала ты узнаешь о существовании чего-то, например графического редактора Figma. Это «Знание» — этап, когда ты видишь, что есть вот такой прекрасный редактор с вот таким интерфейсом.

Вторая ступень — «Понимание». Ты знаешь, что именно можно делать в редакторе, и примерно догадываешься как.

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

Четвертая ступень — «Анализ» своей деятельности. «А что если я изменю правила игры и вместо шаблонного интерфейса нарисую свой собственный?». «Как дизайн можно увязать с аудиторией бренда, на который я работаю?». Когда ты задаешь себе эти вопросы и можешь на них ответить, ты — на четвертой ступени.

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

К слову о преподавателях, кто они?

— GeekBrains — часть Mail.ru Group, и преподавателей факультета мы подбирали прежде всего из дизайнеров компании. Декан — Артем Фенелонов — арт-директор Mail.ru Group. Но мы не ограничиваемся опытом одной организации. Чтобы студенты видели мир дизайна со всех сторон, у нас преподают владельцы дизайн-студий, успешные фрилансеры, дизайнеры из небольших компаний.

Расскажи о «T-модальной системе компетенций», упомянутой на странице факультета. Что это такое и зачем это дизайнеру?

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

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

Кто может учиться на факультете?

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

Записаться на обучение можно прямо сейчас.

Пройти обучение

15 апр 19, 17:40
0 0
Статистика 1
Показы: 1 Охват: 0 Прочтений: 0

Топ-18 UX-дизайнеров в Instagram 2019

Это перевод статьи Top 18 UX Designers on Instagram to Watch out for in 2019. Автор оригинала — Yuval Keshtcher — преподаватель и основатель образовательного проекта UX Writing Hub.

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

И тут меня осенило:

Для дизайнеров Instagram — хит сезона 2019!

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

То что надо новичку, который впервые узнает, каким бывает контент в UX-дизайне!

Если бы у сервисов Pinterest, Dribbble, Facebook и Snapshot был общий ребенок, он выглядел бы как Instagram.

Сейчас вы узнаете, какие Instagram-каналы порадуют интересными работами в области продуктового и UX-дизайна.

Анфиса Богомолова

Рассказывает о своем пути в дизайн и о развитии своего бизнеса: о связанных с этим ошибках, уроках и испытаниях. Совсем недавно Анфиса поселилась в Праге и запустила еженедельный влог, который выходит по вторникам. Смотреть можно не только в Instagram, но и на YouTube.

Крис Ду (Chris Do)

В 2015 году я занимался проектами в сфере графического дизайна и просмотрел, наверное, все публикации этого парня о том, как дизайнеру-фрилансеру вести свой бизнес.

Кстати! Этот же человек работает над образовательным проектом The Futur. Загляните туда!

Рен Сигалл (Ran Segall)

Помогает стартапам создавать крутые бренды и продукты. А еще Рен ведет YouTube-канал и волшебные мастер-классы на Webflow — возможно, вам будет интересно взглянуть.

AJ&Smart

Джонатан Кортни и австралиец Майкл Смарт основали компанию AJ&Smart, которая действует по принципу «решайте задачи, затем добавляйте оформление». В отличие от классических дизайн-агентств, AJ&Smart держалась методологии Lean Digital с первого дня.

Их ленту я смотрю ради ежедневной порции шуток про Пирса Броснана [команда AJ&Smart очень любит этого актера и часто вспоминает в постах — прим. пер.].

Любош Волков

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

Раза Шах (Raza Shah)

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

UX Goodies

Канал целиком посвящен созданию и развитию сообщества UX-дизайнеров: продвигает лучшие практики и хорошие идеи, побуждает обсуждать дизайн, рассказывает, как создавать уникальный полезный контент и так далее. Автор материалов — прекрасная Ioana Adriana Teleanu.

Лейф Андерсен (Leif Andersen)

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

Кристиан Вискарра (Christian Vizcarra)

Senior UX/UI/продакт-дизайнер и цифровой стратег, который рассказывает об интерактивном взаимодействии с пользователем и о мобильных приложениях. Работал со стартапами, дизайн-студиями, агентствами и корпорациями.

UI/UX Inspiration

На примере этого аккаунта видно, чем Instagram лучше Dribbble. Когда мне нужно вдохновиться шаблонами проектирования, я смотрю этот канал.

Zerotoone.de

Чем мне нравится этот замечательный аккаунт — помимо его владельца Дениса Хегеманна (Denis Hegemann) под его вывеской публикуют свое творчество и другие авторы. Если вы дизайнер и хотите показать свои работы большой аудитории, можете обратиться к Денису.

Web Design & Inspiration

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

Хайме Алонсо (Jaime Alonso)

Познакомьтесь с Хайме.

Не думайте, что это просто UX-фрилансер — представьте, что он в вашей команде. Большую часть времени вы будете наблюдать, как он взаимодействует с клиентами, в рабочий процесс которых вовлечен!

TRIBE UI

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

Мириам Исаак (Miriam Isaac)

Одна из самых талантливых израильских дизайнеров рассказывает о том, как она работает, и о проблемах, с которыми сталкиваются UX-специалисты. Следите за ее постами, если хотите знать ВСЁ о том, как быть UX-дизайнером на практике.

Designers Humor

Раз за разом доставляет дизайнерскому сообществу шутки. Тут я получаю лулзы свои насущные.

Ui Design Inspiration

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

Джони Вино (Johny Vino)

Легенда Dribbble и один из самых талантливых специалистов по motion design, каких я знаю. Средствами графического дизайна, с помощью быстрого прототипирования и умело выстроенного взаимодействия, Джони превращает трудные проблемы в элегантные решения.

Пока все!

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


21 мар 19, 18:17
0 0
Статистика 1
Показы: 1 Охват: 0 Прочтений: 0

Скрытая мощь системы поощрений в UX-дизайне

Это перевод статьи The Hidden Power of Reward Systems In Design. Автор оригинала — Николас Крамер, дизайнер из нью-йоркской компании Barrel. Он помогает бизнесу объяснять потребителям, зачем нужен и чем хорош продукт.

Поощрения отлично работают

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

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

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

Способы привлечь пользователя

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

На практике дизайнеры используют:

  1. Информационные поощрения.
  2. Социальные стимулы.
  3. Геймификацию.
  4. Монетизацию.

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

Информационное поощрение

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

Medium, Twitter и Buzzfeed поощряют нас информацией

Механика игрового автомата

В 2008 году разработчик программного обеспечения Лорен Брихтер (Loren Brichter) создал Tweetie — программу-клиент для «Твиттера». Вскоре Twitter купил права на это приложение и оно стало официальным клиентом соцсети на iPhone. Так сервис укрепил свои позиции в магазине приложений и попутно ввел в обиход новую функцию жестового управления — «потяните, чтобы обновить» (pull-to-refresh).

Вот как интерфейс Tweetie выглядел десять лет назад (изображение — InformationWeek)

И хотя интерфейс Twitter-клиента c тех пор претерпел много изменений, pull-to-refresh по-прежнему в основе взаимодействия приложения с пользователем. Эту жестовую команду внедрили и другие сервисы: Instagram, LinkedIn, Medium, — и сегодня она в числе самых распространенных.

Twitter, Instagram, LinkedIn и Medium — лишь некоторые из приложений, использующих pull-to-refresh

Бывший сотрудник Google и специалист по этике дизайна Тристан Харрис проводит параллель между функцией pull-to-refresh и игровыми автоматами. В своей вирусной статье он утверждает: «Технический дизайнер должен увязать действия пользователя с вознаграждением. Вы тянете за рычаг и тут же получаете либо ценный приз, либо ничего».

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

Создавайте дизайн осознанно

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

Сообщение “You’re All Caught Up” («Ты в курсе всех новостей») в Instagram — умный способ освободить пользователей от лишнего контента

В Instagram функция You’re All Caught Up помогает юзерам ограничить поток материалов для переваривания.

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

Социальные стимулы

Социальное поощрение в приложениях обнаружить проще всего, потому что кнопки «Нравится», «Комментировать» и «Поделиться» есть практически везде. Сердечко в Instagram, аплодисменты в Medium или просмотры в Dribbble — типичные элементы системы социального поощрения.

В Facebook под каждым постом удобно расположены кнопки «Нравится», «Комментировать», «Поделиться»

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

Почему не все «Нравится»?

В 2007 году программист Facebook Джастин Розенштайн (Justin Rosenstein) возглавлял команду, которая внедряла кнопку Like. Он рассказал газете Guardian, что нововведение «оказалось очень успешным: активность пользователей подскочила, когда они к своему удовольствию поняли, как легко теперь выражать и получать социальное одобрение».

На современных площадках интернет-общения кнопка «Нравится» — самый узнаваемый атрибут

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

Обоюдоострый меч

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

Геймификация

Геймификация — это использование системы баллов и достижений, а также других игровых элементов в неигровых приложениях. В последние годы эту практику активно внедряют образовательные сервисы. Все крупные игроки рынка: компании Treehouse, DuoLingo и Codeacademy — в той или иной степени геймифицируют свои обучающие приложения.

Так выглядят достижения, которые пользователь может открывать по мере выполнения заданий курса Treehouse

Геосервис Swarm от Foursquare и соцсеть для спортсменов Strava прочно внедрили элементы геймификации в основной функционал продукта. Swarm предлагает бейджи для регистрации на часто посещаемых локациях, а Strava присваивает юзерам «достижения» за улучшение личных спортивных результатов.

Измерение пройденного пути

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

Strava вознаграждает бегунов и велосипедистов за достижение более высоких показателей из списка предложенных

Не всегда это работает

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

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

Монетизация

Монетизация предполагает, что пользователь получает деньги или материальные призы за выполнение определенных действий в приложении. Игра HQ Trivia — в числе свежих популярных приложений с монетизируемым вознаграждением. Игроки состязаются в онлайн-викторине за денежные и другие материальные призы. Некоторые трансляции собирали более полутора миллионов игроков одновременно! А Time Magazine назвал HQ Trivia лучшим приложением 2017 года.

В HQ Trivia даже список лучших игроков ранжирован по суммам их выигрышей

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

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

Стремитесь к прозрачности

И HQ Trivia, и YouTube не раз подвергались критике за неудобную или несправедливую, по мнению пользователей, систему выплат. Нашлись люди, которые обвинили HQ в махинациях за правило, по которому вывести деньги можно, только если вы в 90-дневный срок выиграли не менее 20 $ (в январе 2018 года ограничение на сумму выводимого выигрыша сняли). А когда в 2017 году YouTube изменил свою рекламную политику в пользу рекламодателей, создатели контента прозвали ее Adpocalypse [от англ. Ad — «реклама» и Apocalypse — «конец света»], потому что часть видео лишилась монетизации без внятной причины.

Чтобы не вызвать гнев пользователей, критически важно как можно четче объяснить им, когда и как они смогут получить вознаграждение. Если денежные призы выплачиваются без проблем, это очень стимулирует аудиторию продолжать пользоваться продуктом.

Заключение

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


30 ноя 18, 17:51
0 0
Статистика 1
Показы: 1 Охват: 0 Прочтений: 0

Что делает мобильную версию сайта привлекательной?

Один из наших читателей, Александр Морозовас, перевел статью Дженни Гоув “What Makes a Good Mobile Site?”. Предлагаем его перевод вашему вниманию.

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

Участники исследования тестировали мобильные версии сайтов на своих устройствах iOS и Android, оформляя покупки в интернет-магазинах или бронируя отели. После выполнения этих заданий они рассказывали о своих впечатлениях от мобильных версий.

Домашняя страница и навигация по сайту

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

Пользователи должны видеть call-to-action в центре страницы

Сделайте самые важные задачи легко доступными — поместите их на первый экран. Второстепенные задачи уберите в меню или сделайте доступными в прокрутке. Но не стоит тратить драгоценное место на первом экране на абстрактные призывы к активности — например, «Узнать больше».

Сделайте меню коротким и удобным

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

Сделайте простым возврат к домашней странице

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

Не позволяйте рекламным баннерам скрывать контент

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

Сделайте поиск по сайту заметным

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

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

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

В примере слева поиск реализован грамотно: показываются только детские вещи (пользователь делает поисковый запрос в интернет-магазине детской одежды). Справа — пример неудачно реализованного поиска: он показывает все, где есть слово «дети».

Разработайте фильтры для простых запросов

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

Покажите пользователям, как правильно делать поисковые запросы

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

Коммерция и конверсия

Поймите, куда хочет попасть и что там найти ваш клиент, и помогите ему в этом.

Позвольте пользователям просматривать сайт до регистрации

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

 

Создайте для пользователей возможность использовать гостевые аккаунты

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

 

Используйте существующую информацию о пользователе для его удобства

Настройте автозаполнение полей для зарегистрированных пользователей.

Используйте кнопки с призывом позвонить для комплекса задач

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

Сделайте простым переключение между устройствами

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

Форма ввода

Обеспечьте удобные переходы между формами.

Сделайте ввод информации удобным

Пусть пользователь автоматически переходит к заполнению следующего поля после нажатия Return. Чем меньше нажатий пользователь делает, тем лучше.

Упрощайте ввод информации

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

Предложите визуальный календарь для выбора даты

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

 

Минимизируйте ошибки в формах

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

Повышайте КПД дизайна

Активно используйте автозаполнение: например, пусть пользователи вносят информацию в  формы с предварительно заполненной датой. Вносите сами известную вам информацию в поля.

Юзабилити и форм-фактор

Воспользуйтесь мелочами, которые усиливают возможности сайта.

Оптимизируйте ваш сайт

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

Не заставляйте пользователей работать с неудобными им масштабированием и прокруткой

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

Добавьте возможность увеличить фотографию продукта

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

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

Подскажите пользователям, какая ориентация экрана лучше подходит для просмотра сайта

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

Пусть у пользователя будет одно окно в браузере

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

Избегайте надписи «Полная версия сайта»

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

Объясните пользователю, почему вам важно знать его местонахождение

Пользователи всегда должны понимать, зачем вы спрашиваете те или иные данные, в частности, их местоположение. Они часто негативно воспринимают запрос местонахождения на домашней странице сайта сразу после его загрузки. Участники исследования пытались забронировать отель и были недовольны, когда сайт, определив их местонахождение, показал отели в их городе. Оставьте поле местонахождения по умолчанию пустым и позвольте пользователям выбрать отель по кнопке «Рядом со мной».

Пройти обучение

20 апр 18, 18:28
0 0
Статистика 1
Показы: 1 Охват: 0 Прочтений: 0
Показаны все темы: 6

Последние комментарии

нет комментариев
Читать

Поиск по блогу

Люди

7 пользователям нравится сайт lena2018.mirtesen.ru