Задача 3: редизайн Wallapop

UX/UI IronHack Bootcamp 2023

Добро пожаловать на очередной вызов на моем пути к тому, чтобы стать дизайнером UX/UI. На этот раз задача заключалась в редизайне пользовательского интерфейса приложения. Для этого случая я выбираю Wallapop.

Wallapop — испанская компания, основанная в 2013 году. Эта платформа предназначена для покупки и продажи подержанных товаров между пользователями через Интернет.

ЭВРИСТИЧЕСКИЙ АНАЛИЗ

Первым шагом в этом проекте был анализ текущих каркасов с помощью эвристики Якоба Нильсена.

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

Пройдя их все, осталось 3 пункта, на которых я намеревался сосредоточить свою работу:

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

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

• Эстетичный и минималистичный дизайн: иерархия недостаточно ясна. Все на главном экране имеет одинаковый уровень важности или выглядит как часть одного и того же. Они разделили его названиями, но все равно не выглядит полностью разделенным.

На этом этапе я провел анализ наших конкурентов. Я сосредоточился на Amazon, Vinted и Milanuncios.

У Amazon есть четкое разделение на разделы: все они выглядят по-разному, и вы знаете, реклама это, баннер с акциями Amazon или рекомендуемые товары. Это было то, чего не хватало в Wallapop.

У Vinted более чистая страница загрузки. Это было бы ключом к Wallapop.

Milanuncios имеет четкую систему предотвращения ошибок: она объясняет, чего не хватает.

HI-FI ПРОТОТИП

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

• Начали с более четкой домашней страницы, с четким разделением разделов и определением иерархии. Теперь он имеет более эстетичный дизайн.

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

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

ЧТО Я УЗНАЛ

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