Советы по шаблонам дизайна пользовательского интерфейса: перейти к разделу

Автор: Louise Ward
Дата создания: 10 Февраль 2021
Дата обновления: 16 Май 2024
Anonim
Как создавать пользовательский интерфейс по Золотому канону (не золотому сечению)
Видео: Как создавать пользовательский интерфейс по Золотому канону (не золотому сечению)

Содержание

Когда кто-то начинает использовать ваш веб-сайт или веб-приложение, он должен знать, куда идти и как туда добраться в любой момент. Если они не смогут легко ориентироваться в вашем приложении, вы быстро потеряете их. Таким образом, разработка эффективной навигации в вашем веб-приложении имеет решающее значение.

В этой серии для Creative Bloq Крис Банк из UXPin, приложения для UX-дизайна, обсуждает важность шаблонов проектирования навигации и подробно описывает примеры с некоторых из самых популярных веб-сайтов и веб-приложений на сегодняшний день.

Чтобы увидеть больше примеров шаблонов веб-дизайна, загрузите бесплатную электронную книгу UXPin, Web UI Design Patterns 2014.

Проблема

Пользователь хочет быстро пролистать целые разделы веб-приложения или контента.

Решение

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


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

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

Pinterest решает эту головную боль пользователя, показывая ненавязчивую кнопку перехода наверх в правом нижнем углу экрана, которая мгновенно прокручивает пользователя назад.

Слова: Крис Банк

Крис Банк является лидером роста в UXPin, приложении для UX-дизайна, которое создает адаптивные интерактивные каркасы и прототипы.

Последние посты
Бывшие студенты-дизайнеры дают советы новичкам
Далее

Бывшие студенты-дизайнеры дают советы новичкам

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

Проект забавных шрифтов видит новый шрифт, создаваемый каждый день

Создание новых гарнитур может быть непростой задачей, но также может быть одной из самых полезных дисциплин дизайна. Типограф Александр Райт недавно испытал свои навыки, приняв участие в 36-дневном пр...
Создавайте анимированную инфографику с помощью CSS и jQuery
Далее

Создавайте анимированную инфографику с помощью CSS и jQuery

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