Алексей Лебедев
22 января 2013

Как лучше показать, что с элементом на странице можно взаимодействовать, что это не просто картинка? Например, что в этом эксперименте с наиболее длинным путём можно двигать точки и добавлять стены?



Алексей, любопытная игрушка. Непонятно, зачем надо, но я с увлечением двигал точки и стены несколько минут :-) Кажется, алгоритм не всегда правильно находит наиболее длинный путь.

Если у вас нестандартный элемент, расскажите о том, как им пользоваться, прямо на нём. Пример — Slide to unlock.

Этот же приём удачно используется в играх — на первых уровнях тебе показывают и рассказывают, что надо делать:

Ненавязчивая анимация тоже помогает. Подсказки исчезают, как только человек начинает делать то, что нужно. Это намного лучше, чем отдельный экран «как играть в эту игру», который никто не найдёт.

На вашей странице вы делаете примерно то же самое, но почему-то стесняетесь:

Не стесняйтесь:

P. S.

Я веду практический курс «Пользовательский интерфейс и представление информации». Дата следующего курса пока неизвестна.

 
Мы напишем вам, когда будет открыта запись. Без спама.

Поделиться

Комментарии

Андрей Кац
22 января 2013

Интересная задача, но всё-таки алгоритм хромает. Надпись Click работает на самом деле не хуже, чем Add walls со стрелкой — потому что пока не ткнешь, не поймёшь, что произойдёт — то ли путь передвинешь, то ли там стенка появится.


22 января 2013

Если быстро скроллить картинки на Айпаде, то возникает иллюзия движения.


Цель рубрики — обсуждение вопросов дизайна всех видов, текста в дизайне и взаимоотношений дизайнеров с клиентами.

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

Решение о публикации принимается один раз; мы не имеем возможности комментировать или пересматривать свое решение, хотя оно может быть ошибочно. Уже опубликованные комментарии могут быть удалены через некоторое время, если без них обсуждение не становится менее ценным или интересным.

Вот такой веб 2.0.





Недавно всплыло

4 2 Как создавался новый сайт бюро. Часть третья 1 1