Потеря внимания пользователя

Случаются такие моменты, когда читаешь статью и вдруг ловишь себя на мысли, что и слова не запомнил за последние 5 мин. Только не читать сначала, помогите силы всевышние. Это довольно частое явление, со всеми бывало, я уверена. Часто такое случается и при просмотре сайта, когда листаешь его, листаешь, но информации вообще не видишь. Просто картинки меняются в прострации собственных мыслей.

Есть объяснение подобным случаям - мозг отключается в моменты, которые считает недостаточно важными и включается снова, когда распознает важную для себя информацию. Это значит, что мозг воспринял контент, как белый шум. Такое восприятие информации, позволяет нам выделить главное, самую суть, а не уходить в корни деталей. В Web-e это распространено как нигде. Чем больше текстов вы размещаете на странице, тем больше пользователь пропустит мимо глаз. Но при правильном размещении текстов - они наоборот усилят восприятие ключевых моментов.
Чтобы подчеркнуть важный контент - сделайте акцентный заголовок.
Разместите информацию по центру экрана или слева в верхней части.
Сделайте элемент, на который хотите обратить внимание самым ярким по цвету и не размещайте слишком много информации вокруг.
Блоки с второстепенной информацией разместите ниже.
Мы супер-заряжаем нашу память, когда её визуализируем.
Мы лучше запоминаем смешные картинки, а схемы воспринимаются хорошо, когда уже поняли суть темы.  

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

Мы вошли в 10 лучших телеграм каналов по дизайну 🎉
Это круто 🙌
http://say-hi.me/design/10-luchshix-telegram-kanalov-dlya-dizajnerov.html

В этот день совесть не разрешила мне оставить вас без подарка.🎄 Поэтому я решила одарить вас книжкой "Основа академического рисунка". Раз уж книга - это лучший подарок, у меня просто нет выбора.
С Наступающим!🎉🎉🎉

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

Точно не знаю есть ли они на андройд, на айфон точно есть:

Monster Park - Динозавр вылазит из дыры прошлого прямо на пол вашей "кухни"! Размер динозавра зависит от выбранной плоскости, и им можно управлять, заставлять ходить куда хочешь. Что круто - все можно заснять на видео или сделать фотку для инсты. Функционал полностью встроен и очень удобный

Pigeon Panic - Приложение для пугания дурацких голубей. Сразу скажу нужно большое пространство, двор например. Чтобы было где побегать. Мне очень понравился дизайн и сама по себе идея веселая. Нужно просто гонять голубей как в детстве, без риска что тебя могут клюнуть или что похуже=)

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

TwilightPioneers - Ну это круто, можно управлять драконами во время легких сражений, плавать под водой. Управлять кораблями. Пока все не сильно драматично, но многообещающе, ждем обновления.

IKEA Place - Конечно Икея, впечатлила. Можно прямо из каталога выбирать мебель и примерять в своем доме, подойдет ли кресло или шкаф. Мебель отображается в реальном размере.

AR Dragon - просто еще один милый дракон в вашей жизни.

Human Anatomy Atlas 2018 (платно) - Это стоит того, объективно. Можно изучать анатомию с большим рвением. Все на англ., надеюсь русская версия тоже появится. Посмотрите презентацию - это выше похвал.

SketchAR(платно) - для начинающих художников полезное приложение. Для детей вообще хит, наверно. Приложение позволяет накладывать на холст контур изображение.

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

Весело вам провести время!

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

http://telegra.ph/Infografika-12-20

Ежедневный ресурс www.uplabs.com/ios

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

Если вам что-то требуется, например цветовая палитра, то просто вбейте в поиске "Color" и сервис предоставит вам крутые подборки.

Можно найти почти всё от UI kit до icon. Что примечательно, сервис предлагает разные подборки для IOS и Android.

Приятного использования.

Что определит пользовательские интерфейсы будущего?

NUI используют возможности и навыки, которые мы использовали всю нашу жизнь, тем самым уменьшая когнитивную нагрузку.

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

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

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

В пример такого интерфейса можно привести Siri.

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

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

Подумала, что давно не было лайфхаков с видео.😦 Так что выкладываю небольшой урок, как сделать баннер коллаж. В целом на создание подобного баннера уйдет минут 15, это радует 😉
https://youtu.be/7_L_O9_YnMM

Друзья, мой новогодний отпуск ещё продолжается, но это молчание меня убивает. Сегодня мне открылось, что не в наши дни была теория о том, что животные не разговаривают, чтобы их не заставили работать 🙊 первая мысль была - хорошо, что кроме разговоров есть другие способы получить обратную связь 🤗 Прикрепляю статью с ресурсами для проведение аналитики сайта и просмотра пути пользователя. Никаких разговоров, только сухие факты. Есть ресурс от Adobe. Эти сервисы помогут вам увидеть реакции пользователя на архитектуру вашего сайта👉 http://techrocks.ru/2018/01/01/analitics-tools-for-ux-optimization/

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

Подробнее о потребительской воронке и о том, как важно для дизайнера понимать, что это такое в статье 👉
http://telegra.ph/Potrebitelskaya-voronka-01-24

Анализ конкурентов

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

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

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

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

Хотела написать одну из важных мыслей, которая часто помогает мне в работе "Хороший дизайн - незаметен". Иными словами можно сказать, что хороший дизайн не бросается в глаза, все натолько просто и удобно, что кажется будто только так и может быть, других вариантов нет. Стоит задаться вопросом: насколько незаметны ваши дизайны? Если нет, то вероятно стоит все это выкинуть и начать сначала.
Крис Телуэлл написал замечательную статью о том, что новый UX — это разговоры. Он заявляет, что осмысленные дискуссии с другими дизайнерами, разработчиками, заинтересованными сторонами и клиентами — это ключ к выяснению того, что нам нужно для достижения блестящего решения. Думаю, что любой дизайнер согласиться с этим. Только переработка своих идей и беспрерывная доработка поможет вам получить хороший результат

Тестирование юзабилити

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

Что входит в тестировании юзабилити:

1. Поддерживает ли сайт заданные задачи? Общее тестирование: работает ли корзина, проверка способов оплаты, обратная связь и как работают все возможные формы. Все ли кнопки кликабельны?

2. В Яндекс метрике есть инструмент «Аналитика форм». Показывает воронку взаимодействия с формой: пришел – увидел – заполнил. Вы можете узнать сколько пользователей заполнили форму или на каком месте перестали заполнять.

3. Задают ли пользователи вопросы онлайн консультанту? Если да, то какие вопросы задают пользователи? Дайте на них ответ сразу.

4. Карта кликов и тепловая карта. Карты показывают где пользователи кликают. Для проверки воспользуйтесь Яндекс метрикой. Для этого зайдите в раздел «Карты». Теплые цвета соответствуют частым кликам, холодные — редким. Если вы видите множество лишних кликов, значит пользователь был недостаточно направлен. Уберите ненужные элементы.

5. Запись сеансов пользователей на веб-сайтах. Для проверки воспользуйтесь Вебвизором в Яндекс метрике. Вы сможете увидеть как пользователь передвигался по сайту. Совершил ли он нужный вам путь?

6. Отслеживайте расширенные показатели поведения на странице (щелчок, прокрутка и латентность). Вы можете оценить насколько пользователи прокручивают сайт. Воспользуйтесь картой скроллинга в Яндекс метрике.

Мало удивляет тот факт, что ученые подтверждают привязанность человека к роботам. Наше подсознание воспринимает робота, как домашнее животное. Так на примере робота Фабио, которого назначили в магазине продуктов отвечать на вопросы покупателей эта теория подтвердилась еще раз. Одна девушка даже заплакала когда робота уволили за его недоработки.
Все что имеет признаки живого существа (глаза, конечности, хвост и т.д.) бессознательно воспринимается нашим мозгом, как живое существо. Этот прием часто используют при разработке логотипов, о чем я подробнее писала здесь 👉 http://telegra.ph/Sozdanie-logotipa-11-28
Так же большую популярность набрали персонажи, которые помогают пользователю ориентироваться по сайту.

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

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

Когда футбольные тренеры хотят улучшить и узнать что-то новое, они смотрят лучших тренеров, таких как Пеп Гвардиола, Жозе Моуриньо или Антонио Конте (и другие!). Архитекторы анализируют работы великих, такие как Даниэль Либескинд или Ренцо Пиано. Итак, почему бы не использовать тот же подход для улучшения себя как дизайнера UX? Используйте приложение своего конкурента в течение месяца, посмотрите, как оно себя чувствует, и вы, вероятно, узнаете кое-что из него.

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

Тренды UI в 2018 году

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

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

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

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

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

6. Видео
Полноэкранное видео останется с нами. Благодаря росту расширенной / виртуальной реальности, пользователь более открыт для захватывающего опыта.

Реалистичная анимация https://instagram.com/p/BfJflocDKxu/

Закон Якоба

Пользователи проводят большее количество времени на других сайтах. Это означает, что пользователи предпочитают, чтобы ваш сайт работал так же, как и сайты, которые они уже знают. Закон Якоба придуман Якобом Нильсеном, сооснователем Nielsen Norman Group, который сделал огромный вклад в UX, например, изобрел метод эвристической оценки.

​​Закон близости

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