29 заметок с тегом

интерфейс

Игра для интерфейсных дизайнеров

Сantunsee.space — в целом отлична игра для интерфейсных дизайнеров. Но есть спорные места. Ниже два примера.

Тут вопрос не в том, как красивее обрезана картинка, как по какому изображению проще выбрать товар: по полному, но мелкому или крупному, но обрезанному. И тут нет одного верного ответа, потому что если продаются микроны, то обрезать картинку, наверное, не страшно. А если какое-нибудь специфичное оборудование, то лучше показать целиком. Можно сказать, что если нужно обязательно показывать фотографии целиком, то фиксировать высоту карточки не стоит. И в общем случае это так. Но ситуации бывают разные. Что если 90% каталога какое-нибудь специфичное оборудование снята под нужный формат? а остальные разномастные. Разве можно в этом случае считать фиксированные карточки плохими или кропить фотографии?

А тут правильным считаю вариант с разделителем, который на самом деле — объединитель. Возможно, со средней точкой выглядит и лучше, но авторы явно не понимают сути. Илья Бирман 2014-го в помощь.

2019   вёрстка   игра   интерфейс

Удаление позиций из корзины

Вот условная корзина на сайте с доставкой суши.

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

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

Клик в ведро окончательно удаляет позицию из корзины без модального диалога.

Если покупатель не сомневается, то может удалять позиции полностью несколькими кликами в одну и ту же кнопку, что вполне удобно.

2019   интерфейс   корзина   удаление

Крайний случай в таймере Эпл-вотч

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

Вот таймер в Эпл-вотч. Серые кнопки «00:01:15» и «00:00:30» непохожи на кнопки. Ну, непохожи, проблема-то в чём? Понятно же, что их можно выбрать.

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

В оригинальном английском всё очевидно, потому что на кнопке прилагательное, которое явно не относится к тому, что выше.

В этом случае предложил бы сохранять часть речи и вместо «Настроить» написать «Другой» (таймер) или «Другое» (время). А заодно и поля кнопки стали бы аккуратнее.

2019   интерфейс   крайние случаи   Эпл-вотч

Теги в поле комментария

Как-то рассказывал, что поле для комментариев легко расширяет функциональность:

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

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

И ещё один плюс. Развернуть теги в отдельные поля проще, чем слова и фразы из сплошного текста.

2018   интерфейс   комментарий   польза

График кофейного вкуса

Вкус кофе описывают по-всякому. Даже так:

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

В классификации оттенков вкуса я не разбираюсь, поэтому сужу только о видимой информации. Похоже, на графике перемудрили с цветами. Там две оси, которые хорошо бы показали два градиента. Горизонтальный — от зелёного (кислого) до оранжевого (землистого) и вертикальный — от светлого (слабая обжарка) к тёмному (сильная):

P. S. Спасибо Лео за ссылку!

2018   визуализация данных   график   интерфейс   кофе
Ранее Ctrl + ↓