Ланч-тайм 283: краткий перевод свежих статей о digital

Содержание

• Что дизайнерам взять на заметку от iOS 14 и macOS Big Sur?
• О написании сообщений об ошибках

#885. Что дизайнерам взять на заметку от iOS 14 и macOS Big Sur?

What can designers learn from iOS 14 and macOS Big Sur?

С выпуском iOS 14 и macOS Big Sur мы стали свидетелями новых трендов в дизайне — и это не неоморфизм :–)

Плоский дизайн больше не в тренде

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

Успейте купить корпоративный пакет COSSA-2025 со скидкой!

Cossa анонсирует главный рекламный формат на весь 2025 год: сразу 8 различных опций.

Пакет идеально подходит для онлайн-сервисов, стартапов, интернет-компаний и digital-агентств.

Успейте приобрести пакет до повышения цены!

Как сказал Алан Дай, вице-президент департамента по интерфейсу для пользователей в Apple: «Глубина, затенение и полупрозрачность используются для создания иерархии. Новые объекты — богатые и яркие... »

Apple снижает визуальную сложность и делает дизайн ещё более минималистичным. Некоторые элементы более плоские, но ощущение противоположное. И iOS, и macOS предоставляют пользователям больше трёхмерных измерений.

Источник

Новые интуитивно понятные возможности

Человеческому мозгу нужна подсказка, чтобы распознать объект. Мы склонны воспринимать трёхмерные объекты как интерактивные. Вот почему у многих кнопок всё ещё есть тень.

Однако какое-либо движение также является дополнительной подсказкой. Дизайнеры Apple знают это, и значки на панели инструментов macOS потеряли свою форму, чтобы избавиться от визуальной сложности. Но когда пользователь перемещает курсор, их фон подсвечивается и побуждает нажать на действие.

Последнее очевидное преимущество — это цвет. Apple хочет, чтобы дизайнеры использовали цвет Tint (или Accent), чтобы сделать активные элементы более заметными. Этот тон должен отражать цвет бренда или продукта. Благодаря этому пользователь сразу выстраивает мысленную связь между компанией и приложением.

Источник

Искусные диджитал-объекты

Всё началось с Material Design от Google, который показал нам ви́дение цифровой бумаги, затем Microsoft представила Fluent Design с концепцией множественных цифровых текстур. Похоже, Apple последовала этому примеру, более того, они подняли это на новый уровень!

Это отличное решение, потому что цифровые объекты более приятны нашему мозгу, чем необработанные пиксельные квадраты. Они делают пользовательский интерфейс более удобным для человека.

Источник

Незаметные эффекты создают ощущение качества

Есть крошечные детали, которые имеют значение. Вы не можете увидеть их все из макетов или снимков экрана, потому что некоторые из них являются движущимися или звуковыми (да, Big Sure представляет десятки новых и улучшенных звуков пользовательского интерфейса).

Дизайнеры в первую очередь видят эффект размытия следующего поколения — Progressive Blur (прогрессивное размытие). Речь идёт о создании градиента уровней размытия вместо того, чтобы скрывать его ниже непрозрачности или тени.

Новый скевоморфизм в иконах

В последние годы в стиле macOS значки приложений были сглажены и окружены символами в основном круглой формы. Теперь всё иначе: большинство иконок приобрели «iOS-подобную» форму, но не плоскую. Это скевоморфизм!

Источник

Показывать информацию быстро с помощью виджетов

iOS 14 предлагает совершенно новый подход к виджетам. Они отображаются прямо на главном экране. Эти виджеты почти идентичны на iPad OS и очень похожи на новые на macOS Big Sur.

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

Источник

Целостный подход к экосистеме

Все системы Apple iOS, iPadOS, macOS и даже watchOS работают как единая экосистема. У них одинаковый шрифт, иконография и почти одинаковые визуальные стили.

Последовательность даёт пользователю чувство знакомства и уверенности. Это создаёт больше доверия и лучшую связь с брендом.

Вывод: следите за трендами, которые задают компании-гиганты, и в тренде будете вы :–)
Перевели, чтобы вы сэкономили 30 минут.

#886. О написании сообщений об ошибках

On writing error messages

Источник

Ошибаются все: и пользователи, и владельцы сайтов. Поговорим о том, как никого не обидеть, указывая на ошибку.

За чем нужно следить при создании сообщения об ошибке, так это за тем, чтобы сообщение описывало проблему (нужно объяснять, что произошло и почему) и предлагало решение (нужно объяснить пользователю, что он может с этим сделать).

А ниже приведены 8 советов для написания сообщений об ошибках:

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

2. Не показывайте неоформленные ошибки. Сообщения, которые содержат коды внутренних ошибок системы или невнятные аббревиатуры, например, “Error 12 315” понятны только разработчикам, но не конечным пользователям.

3. Не используйте жаргон. Говорите на том же языке, что и пользователь; используйте терминологию, понятную целевой аудитории. Если ваша аудитория состоит из нескольких видов персон (например, разработчики и обычные пользователи), лучше написать сообщения для каждой из них. Например, «Ошибка 404. Такой страницы не существует. Возможно, в адресе есть ошибка или эту страницу уже удалили».

4. Не пишите длинные предложения. Никто не любит читать длинные тексты. Хорошее читаемое предложение состоит из 15−20 слов. В сообщении выкиньте все слова, без которых можно обойтись, но следите, чтобы смысл оставался понятным.

5. Не пишите общими словами. Общие слова — это, например, «Ошибка. Повторите попытку позже». Поймут ли пользователи, что им делать дальше? Едва ли.

6. Не используйте капслок и восклицательные знаки. Если вы разговариваете с пользователем капслоком, то у пользователя создаётся впечатление, что вы кричите на него.

7. Не прячьте сообщение об ошибке. Не заставляйте пользователя искать сообщения об ошибках. Если вы хотите сообщить пользователю об ошибке, возникшей в определённом поле, покажите её рядом с этим полем.

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

Вывод: страница с ошибкой — это ещё один способ поболтать с пользователем. Не упускайте его!
Перевели, чтобы вы сэкономили 15 минут.

Берегите себя!

Мнение редакции может не совпадать с мнением автора. Ваши статьи присылайте нам на 42@cossa.ru. А наши требования к ним — вот тут.