Метод исключеня. UX.

Кратно об авторской методике: 

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

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

Критерии по которым мы можем судить дизайн: 

1. Удобство использования
2. Читаемость текстов
3. Выделение приоритетов 
4. Красота 
5. Насколько хорошо вписывается новый контент
6. Сложность для разработки 
7. Наполненность смыслом

До этого мы разбирали некоторые из моментов 4 пункта, а именно визуальное восприятие вашего дизайна, его красоту. 

https://telegra.ph/Metod-isklyucheniya-05-26

В этой статья я хочу разобрать 1 пункт.

Удобство использования. Метод исключения.

Итак, я возьму за пример распространенное горе - карточки товара, превью.

Покажу на примере мобильной версии, потому что как правило она популярнее.

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

Начинаем применять методику исключения:

1. Разработать максимальное количество вариантов
2. Создать на их основе критерии выбора
3. Исключить все неподходящие варианты
4. Выбрать из оставшихся самый подходящий
5. Если не предоставляется возможным выбрать из оставшихся вариантов, необходимо повторить цикл, но уже в новом качестве, опираясь на полученный опыт

Далее были разработаны варианты дизайна, все, которые пришли в голову.

Вариации карточек:

1. Фото на белом фоне и художественное
2. Фото слева, справа и по центру
3. Длинный заголовок и короткий
4. Кнопки слева, справа и по центру
5. Кнопки вместе и кнопки в разных частях карточки
6. Разная загруженность информацией
7. Текст с центральным выравниванием и по левую часть
8. Фон карточки градиентный или белый

Далее, после разработки всех необходимых вариантов, начинаем исключать:

1. Оба варианта фото должны хорошо вписываться в дизайн
2. Положение фото оказалось не принципиальным. Хорошо воспринимается в во всех случаях, но фото по центру делает карточку слишком большой. Из-за этого мало карточек входит на экран, что снижает удобство использования магазина.
3. Оба заголовка должны хорошо вписываться в дизайн.
4. Кнопки в принципе не понравились, из-за их разброса. Неудобно нажимать. Понравился вариант, где кнопки расположены вместе, то есть + и - находятся рядом с корзиной.
5. Часть карточек выглядит несуразно из-за вписанных туда шрифтов. На этом этапе сложно определиться.
6. Фон подошел белый. Фото выглядят ярче, а информация лучше читается.

После создания кликабельного прототипа для поиска ошибок появился еще рядок замечаний:

1. Когда текст разорван, неудобно, читается информация явно дольше, чем могла бы.
2. Небольшое скругление у фонов карточки слишком сильно спорит с десктоп дизайном.
3. Овальное фото будет труднее заполнять в будущем. Лучше использовать круг, эта форма более удобна для подбора фотографии.

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

При разработке новых вариантов необходимо соблюдать все новые требования и так же разработать их максимальное количество.

В новых вариантах получились следующие вариации:

1. Фото слева и справа
2. Кнопки слева, справа и по центру
3. Разная загруженность информацией

Далее, после разработки всех необходимых вариантов, начинаем исключать:

1. Положение фото оказалось не принципиальным. Хорошо воспринимается в обоих случаях
2. Кнопки понравились справа, потому что удобнее кликать, большая часть людей правши. Больше понравилось вертикальное положение кнопок, потому что между ними больше расстояние и удобнее нажимать по ним, не задев другую карточку.
3. Более информативный вариант понравился больше, перегруженности информацией не возникает, внешний вид не портит. Дает возможность выбрать товар быстрее.

В итоге:

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

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

Хорошего дня.

Первая часть статьи

https://telegra.ph/Metod-isklyucheniya-05-26