Поделиться:

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

Разница между чем-то хорошим и большим – это внимание к деталям

Чарльз Свиндолл

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

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

Apple – интерфейс iOS

Трудно говорить о деталях, не упоминая Apple. Упор на это Стив Джобс сделал с самого начала: он требовал красоты не только внешней, но и внутренней. Компания фокусировалась на совершенстве в своих разработках и особенно в iOS. В пользовательском интерфейсе Apple много анимации и деталей, которые делают пользование гаджетами приятнее.

Вот пример:

Великий дизайн кроется в деталях: секрет успеха интерфейсов Apple и Google

Когда вы вводите пароль неправильно, все поле ввода трясется. Разработчики могли просто выдать знак ошибки, но такая обратная связь выглядит гораздо приятнее.

Spotify – иконки

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

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

Spotify – иконки
Spotify – иконки

«Spotify используется более чем на 300 устройствах на новых платформах и экранах разных размеров. Наш бизнес растет, поэтому нам нужно было создать гибкий набор иконок для поддержки этого роста. Старые значки были слишком сложными, а визуальные метафоры – трудными для понимания пользователями».

Google – загрузка

Еще один пример анимации – на этот раз от Google. Разработчики Android Marshmallow добавил вот такую анимацию при загрузке системы. Дизайнеры из Google знают, как использовать такие штуки повсюду.

Google – загрузка

Еще несколько кейсов

Кнопка

В этом случае, например, простая кнопка SEND превратилась в целую страницу подтверждения. Они исключили необходимость в дополнительном экране успешной доставки, добавив это сообщение к анимации.

Великий дизайн кроется в деталях: секрет успеха интерфейсов Apple и Google

Анимация

Или даже удивительные анимации от WeTransfer, которые появляются, пока вы ждете загрузки файла.

WeTransfer
WeTransfer

В конце хотелось бы привести речь Теда Фаделла. Отец iPod на Ted Talk рассказывает о деталях и их важности.

Неважно, что вы разрабатываете. Обращайте внимание на детали – это и есть ваш дизайн!

Оцените, пожалуйста, статью:

Средняя оценка: / 5. Количество оценок:

Поделиться: