21 июня 2012

Мобильный интерфейс. Примеры и шаблоны дизайна

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

Для справки: Интерфейс пользователя (UI — от англ. User Interface) — разновидность интерфейсов, в которых одна сторона представлена человеком, другая — машиной/устройством. Представляет собой совокупность средств и методов, при помощи которых пользователь взаимодействует с различными устройствами и аппаратурой.

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

Что касается самих сайтов, то интерфейсы приложений, размещенных на них, разбиты по категориям, а на некоторых ресурсах и по типам (навигация, уведомления, формы входа и т.д.). Расположение идет в порядке полезности слева направо.

Mobile UI Patterns

LovelyUI

Pttrns

Patterns of Design

Inspired UI

Mobile Design Pattern

Mobile Patterns

Android Pttrns