uireview | Unsorted

Telegram-канал uireview - #UI_ревью

266

Дочерний проект канала @slashdesigner. Сюда можно прислать дизайн на разбор с тегом #ревью. Снять мьют самостоятельно: @slashdbot. Организатор: @okunev

Subscribe to a channel

#UI_ревью

#ревью

Всем привет!

макет
контекст и исследование

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

Что сделано: конкурентный анализ (10 сайтов), 5 интервью, JTBD, персона, приоретизация фич по RICE, юзабилити-тест макета, финальный дизайн главной.

Ключевые продуктовые решения:
Календарь маршрутов вместо фильтра «по датам»: при малом ассортименте (4–8 туров/сезон) фильтр чаще возвращает пустой результат и фрустрирует
Отказ от бейджа сложности в карточке каталога: по итогам теста бейдж работал как отсекатель («средняя — уже не для меня»)
Хиро-блок гида как флагман: у клуба один гид, вкладываю в него персональное доверие бренда

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

Вопросы, на которые прошу обратной связи:
Какие ошибки в UI вы видите? Что просело в визуальной иерархии, композиции?
Каких продуктовых фреймворков не хватает или что использовано лишнее / поверхностно?
Как оцениваете этот подход по грейду? Что нужно докрутить, чтобы дотянуть до следующего?
Что бы вы точно убрали или переделали?
Заранее благодарю за время и честную обратную связь — конструктивная критика ценнее вежливости 🙏

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

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

#UI_ревью

#ревью

Добрый вечер!
Делаю первые шаги в дизайне,конкретно интересует типографика, отступы и читаемость.
Спасибо!

https://www.figma.com/design/YRKMI8vvh6JWiUwpucJvd0/Untitled?node-id=0-1&t=iT3V1YSoDtK1hqgT-1

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

#UI_ревью

Привет, отправь ссылку на скриншот сайта в Фигме, чтобы мы могли откомментировать.

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

#UI_ревью

Откомментировал. В целом неплохо для начинающего!

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

#UI_ревью

Может, ты и прав. Но мне все ещё идея с правильной обработкой дробей нравится больше.

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

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

#UI_ревью

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

Да и я в общем-то как раз от этой субъективной интерпретации и хочу избавиться… Не думаю, что между 9,7 и 9,9 есть существенная, объективная разница, выражающаяся в качестве. Разница слишком небольшая, а оттого и слишком зависимая от каких-то ситуативных условий. Шедевр, оцененный на 9,9 мог просто задеть меньше людей, чем шедевр на 9,7. Может влиять даже то, что вообще никакого отношения к самому произведению не имеет

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

#UI_ревью

Нууууууууууу… Может быть.

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

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

#UI_ревью

А, Нет, я дроби никак не хочу отображать отдельно, потому что разницы между «4+ и 5» нет. Обе эти оценки значат одно — людям понравилось и этому можно уделить внимание.

Суть вербального представления оценки как раз в том, чтобы избавиться от этой дрочи с дробами и выяснением разницы между «7/10» и «8/10». Нет смысла отображаться раздельно настолько близкие значения

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

#UI_ревью

Я не уверен, что вообще стоит отображать сумму оценок, если их всего 10…

При такой противоречивой сумме должно быть что-то типа «неоднозначно».
Но я не думаю, что в норме такое возможно. Это либо следствие накрутки (положительных или отрицательных оценок), либо какой-то аномальный случай. Обычно общая сумма оценок все-же тяготеет к чему-то одному

В любом случае, среднее число не особо лучше, чем абстрактное «неоднозначно», потому что они одинаково неточны…

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

#UI_ревью

Я молодежь кста и считал данную отсылку

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

#UI_ревью

Ну тут два варианта

1. Я фрик

2. Я гений, совершивший революцию в отображении оценок

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

#UI_ревью

С пятибалльной шкалой проблема действительно не такая явная. Но при оценке контента чаще всего используется десятибалльная шкала. Вряд ли можно просто взять и сократить шкалу вдвое, не объяснив ее.

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

И все-таки проблемы есть… Я сейчас задумался о том, как должно происходить ранжирование при условии, что отсечек не 10, а всего 5. Топы, скорее всего, станут более грубыми и менее точными. Возможно, проблем от этого больше, чем пользы

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

#UI_ревью

Да. Но вербальное отображение освобождает человека от необходимости самостоятельно интерпретировать «4/5», как при прочтении чужой оценки, так и при проставлении своей. Под капотом там разумеется 1-5

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

#UI_ревью

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

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

#UI_ревью

Хотя, при желании впихать можно… Но я еще не добрался до этого, поэтому не знаю пока

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

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

#UI_ревью

#ревью

всем привет!

очень хотелось бы получить ревью по моему tg app проекту, буду рад любому фидбеку!

@citysignalllbot

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

#UI_ревью

#ревью

Всем привет! Я новичок, очень нужны комментарии по ошибкам в моем макете🙏🏼 В особенности по типографике! Буду очень благодарна!

https://www.figma.com/design/fD1FA1NOt1rDF7pGE4JuSy/Untitled?node-id=0-1&t=RdrCEkmqDE8DbOPZ-1

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

#UI_ревью

#ревью

Всем добрый день! Начала также практиковаться в веб-дизвйне (или это уже UX/UI пока не знаю точно разницу...), сделала свой первый сайт за 2 дня, подскажите пожалуйста, как вам? Что думаете? И может быть кто-то знает как сделать переход на статьи внутри сайта? Нужно сделать отдельную страницу и потом в настройках на нее ссылку прикрепить на кнопку?

https://tilda.cc/page/?pageid=131628033&projectid=23951253

Надеюсь корректно ссылку отправила, но если что вот запасная

https://romanova-invent.su

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

#UI_ревью

#ревью
Добрый день, начала практиковаться в веб-дизайне, бриф от нейросети.
Посмотрите, пожалуйста, есть ли что-то неудобное/непонятное, как в целом визуал. С анимацией пока не очень, но какие-то клики настроила

https://www.figma.com/proto/xS2QoYAU4l203ube7UlHHb/%D0%93%D1%80%D0%B8%D0%BD%D0%92%D0%B0%D0%B9%D0%B1?node-id=28-2&t=gVq3taXm6wkfRpso-1&scaling=min-zoom&content-scaling=fixed&page-id=0%3A1&starting-point-node-id=28%3A2

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

#UI_ревью

Последние десятые доли до 10 как раз ключевое значение имеют)

Иначе смысл вообще делать оценки, если потом мы не будем точно их отображать

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

#UI_ревью

Ну в теории, но ты тогда додумываешь за юзера

Типа для меня шедевр это 9.9, а для другого 9.8. А ты напишешь шедевр исходя из своего понимания для обоих при 9.7+

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

#UI_ревью

4+ и 5 разница как раз есть)

Отличие шедевра от хорошего

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

#UI_ревью

Я имею в виду, что когда ты захочешь общую оценку показать (среднее), тебе придётся использовать что-то кроме слов. Ну или хитрить и если оценка типа 4.3, то писать «скорее хорошо», а при 4.6 «скорее отлично» ?

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

#UI_ревью

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

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

#UI_ревью

А погоди. Если у аниме ровно 5 ужасно и 5 отлично. Общая у тебя как будет написана? Не 2,5, а «ну чёта между»?

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

#UI_ревью

Ну я посмотрел ещё кинопоиск и imdb. Там десятки без пояснений

Десятилетиями людям ок

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

#UI_ревью

Откуда ты взял, что эта проблема вообще существует?

Настолько популярный паттерн

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

#UI_ревью

Любая оценка — числовая по своей природе. Слова — это обвес для неё

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

#UI_ревью

На ревью рисуешь полные звёздочки с оценкой

В ленте рисуешь 4/5 ⭐️хорошо

Надо просто посидеть порисовать

Да и пятибальная оценка без пояснения в лентах работает камон. Почти везде где встречаются звёзды — просто значение. Маркетплейсы, карты

Десятибалльная запарнее, но её и юзать не надо

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

#UI_ревью

Ну, здесь отображается сама шкала, а не проставленная оценка другим человеком. Поэтому это не решает проблемы субъективности, ведь для того, чтобы понять, что значит «4/5», ты сам должен сперва поставить, ну или хотя бы увидеть блок выставления оценки, чтобы прочесть, а еще и запомнить, какое число чему соответствует. Это сложнее, чем просто везде отображать оценки в том виде, который не требует интерпретации.

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

Читать полностью…
Subscribe to a channel