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

Опция 1

Плюсы: легко понять, какую ссылку удалить

Минусы: кнопки удаления не выравниваются

Option 1

Вариант 2

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

Минусы: кажется странным ставить кнопку удаления в начале

Option 2

Вариант 3

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

Минусы: кнопки удаления находятся далеко от ссылки и могут привести к неправильному удалению. (Добавление рамки вокруг строки или выделение каждой строки другим цветом может решить эту проблему, но боковая панель выглядит беспорядочно)

Option 3

В целом я предпочитаю вариант 3, но как убедиться, что пользователи нажимают правильный значок удаления?

================================================== ============

Обновлено:

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

2
eriee 17 Авг 2019 в 01:50

1 ответ

Тестируйте дизайны ;)

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

1
Chris Griffith 16 Авг 2019 в 18:48