Дизайн

Эксперт назвал недостатки чехла для iPhone со встроенной клавиатурой внизу Clicks Creator Keyboard:

• клавиатура не имеет допусков, нужно всегда быть точным, а с размером клавиш на Clicks (относительно размера клавиш на сенсорной клавиатуре) приходится быть очень точным;

• новый центр масс означает, что придётся «держать» смартфон по другому, чтобы он не упал, пока вы им пользуетесь;

• эргономика совершенно другая, и набор текста одной рукой больше не работает;

• раскладка клавиатуры странная;

• опция Magsafe не работает;

• аксессуары по USB-C также не работает. Сквозной порт USB-C на Clicks, похоже, реализован как терминальное устройство, а не как USB-концентратор, поэтому другие устройства, подключённые к порту, больше не работают;

• нельзя напечатать на этой штуке смайлы;

• не многие приложения поддерживают ярлыки CMD +, поэтому просмотр веб-страниц с помощью пробела возможен только в том случае, если использовать Safari.

Плюсы: качество сборки довольно хорошее, обычные сочетания клавиш iOS работают очень хорошо, а все клавиши (включая переключатели громкости, кнопку действия и питание) щёлкают. Хотя гаджет определённо не стоит запрашиваемой цены в $139.

В январе Clicks Technology представила чехол для iPhone 14/15 Pro со встроенной клавиатурой внизу в стиле BlackBerry под названием Clicks Creator Keyboard и по цене $139.

Пользователь X поделился, возможно, худшим UX-решением в мире. Сайт одного британского банка просит пользователя ввести PIN и пароль. Ситуация стандартная, но инженеры банка реализовали особенную систему защиты. Надо вводить не весь пароль, а только определённые символы из него.

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

Должен ли дизайнер думать об этике приложений, которые он создает?

Да, сегодня многим продуктовым дизайнерам приходится выбирать: качать бизнес-метрики любыми способами или оставаться на стороне пользователя, защищая его интересы.

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

В новом выпуске подкаста «Бремя технологий» Артур Арсенов, Product design lead Garage Eight, рассказал, почему специалистам не стоит пытаться решать краткосрочные цели бизнеса манипулятивными методами, и как простым пользователям защищаться от такого абьюза. 

Слушай подкаст по ссылке и делись в комментариях своим мнением по теме :-)

Еще раз о дизайн-системах

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

Из чего состоит дизайн-система?

Дизайнеры создают UI Kit (набор готовых дизайн-решений) → Разработчики переводят UI Kit в код → Код помещают в репозитории

UI Kit и репозиторий связаны с помощью токенов. Это единицы информации, которые хранят в себе константы: например цвет, радиус скругления кнопки, параметры шрифта и т. д. Если поменять значение токена в Фигме, оно попадает в репозиторий и затем автоматически синхронизируется с сайтом.

Когда и кому нужна дизайн-система

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

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

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

• У вас несколько команд, которые работают над одним продуктом, и им нужно поддерживать консистентность.

Однако есть и ложка дегтя

• Дизайн-система может привести к шаблонности продукта: страницы начинают выглядеть слишком однотипно, а сделать какую-то необычную фичу становится трудно.

• Внедрять дизайн-систему сложно и дорого, особенно на начальном этапе. Да, расходы на дизайн снижаются. Зато появляется работа на поддержание и развитие самой дизайн-системы в отделе разработки.

P. S. Го к нам в канал о дизайне :)

OpenAI обновила интерфейс приложения ChatGPT, сделав его минималистичным. Теперь пользователь общается с большим чёрным кругом, который изменяет свои формы и размеры в зависимости от происходящих событий. Когда ИИ говорит, то круг меняется, визуально усиливая ощущение диалога и взаимодействия.

По словам технического директора OpenAI Миры Мурати, новый интерфейс ChatGPT должен свести к минимуму отвлекающие факторы, чтобы пользователи могли полностью сосредоточиться на диалоге с ИИ.

Чёрный круг, выступающий в роли ИИ-собеседника, превращается в стилизованные волны звука, когда ChatGPT даёт ответ. Это визуально усиливает у пользователя ощущение коммуникации.

В настоящее время обновлённый интерфейс ChatGPT доступен только для настольных и мобильных приложений ChatGPT. В веб-версии сервиса по-прежнему используется стандартный текстовый интерфейс.

Apple Pencil Pro будут продаваться в персонализированных упаковках с художественным оформлением. Дизайнеры компании подготовили пять иллюстраций со словом «Pro». При заказе онлайн не будет возможности выбрать оформление коробки, поэтому коллекционерам придётся покупать устройства в магазине.

Apple добавила рамки новых iPad в библиотеку шаблонов для Sketch. Разработчики и дизайнеры могут использовать их для оформления скриншотов и мокапов. Рамки доступны в файле All Product Bezels.

Крутая ИИ-замена Photoshop.

Stylar генерирует картинки, превращает скетчи в 2D и 3D изображения, комбинирует их и улучшает качество. При этом ничего не нужно скачивать — все работает в браузере.

Есть и стандартные фичи:

• удалить фон

• добавить текст и эффекты

• создать реалистичные мокапы

Разрабы выложили целую библиотеку референсов — круто для вдохновения!

Попробовать можно здесь.

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

Nike выпустила для Тима Кука специальную версию кроссовок Air Max, дизайн которых сделали на новом iPad.

В Nike пояснили, что это уникальная модель Nike Air Max 1 ’86s, разработанная специально к презентации Apple. Примечательно, что на язычке обуви от руки написано Made on iPad.

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

7 мая 2024 года Apple провела презентацию, полностью посвящённую обновлению линейки iPad.

Apple подготовила свой сайт к предстоящему «специальному мероприятию» под названием Let loose, которое состоится 7 мая и сопровождается рисунком Apple Pencil, что позволяет предположить, что в центре внимания будет обновлённые iPad Air, iPad Pro и аксессуары для планшетов, включая Magic Keyboard и стилус Apple Pencil с новым жестом сжатия с тактильной обратной связью.

В рамках этого ивента на сайте Apple курсор мышки — это ластик, которым пользователь может стирать разноцветные вариации фигур, вписанных в логотип Apple.

🍏 Apple выпустили тонну крутых шаблонов для Figma.

 Apple выпустили множество новых красивых  дизайн-шаблонов для Figma.

 Можно посмотреть, потыкать гайды😊

Даже про клипсы не забыли!

Забиарйте себе)

https://www.figma.com/@apple

Еще больше крутых шаблонов и frontend проектов в моем канале, залетайте в гости.

Apple пополнила свою библиотеку макетов для Figma. Дизайнерам стали доступны следующие шаблоны:

• TipKit;

• Wallet;

• Tap to Pay on iPhone;

• Siri & App Shortcuts;

• Sign in with Apple;

• Messages;

• Live Activities;

• Apple Pay;

• App Clips.

Чек-аут

В интерфейсах интернет-магазинов это экран, который пользователь видит перед тем, как перейти на страницу оплаты.

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

Можно найти много чек-листов о том, как оформлять чек-ауты. Я же здесь озвучу самое главное:

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

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

Я бы предположил, что это всё и так очевидно, однако сам начал убирать шапки с подвалами со страниц чек-аутов года два-три назад. А ведь, казалось бы, опытный специалист.

Вообще подобные страницы уже давно спроектированы и оттестированы в любом крупном маркетплейсе и как две капли воды похожи друг на друга.

Фантастический уикенд с 18 по 21 апреля прошёл на конференции «Дизайн‑выходные»! Этот проект, организованный российским дизайн‑сообществом, приносит нам полезные знания, новые знакомства и удивительные впечатления уже 13 лет подряд.

На этот раз мы собрались в Нижнем Новгороде, послушали лекции, приняли участие в дискуссиях и мастер‑классах. Целых 9 залов, 150+ спикеров и 190+ часов активностей — это отличная возможность погрузиться в каждую нишу индустрии. И хотя мы не успели посетить все мероприятия, каждый из нас остался в восторге от атмосферы встречи и обмена опытом.

Большое спасибо организаторам и спикерам этого события! Их труд и преданность делу позволили нам получить удовольствие и открыть для себя что‑то новое. А чтобы вы могли продолжить вдохновляться и изучать дизайн — смотрите материалы, которыми поделились спикеры и организаторы:

• Дизайн-выходные: официальный сайт, канал в Telegram, чатик в Telegram

• Программа и материалы в Figma

• Видео «Главный зал»: 2 день, 3 день

• Видео «Зал Дизайн‑центричность»: 1 день, 2 день

• Фотографии: 1 день, 2 день, 3 день, фотографии от Dprofile

• Презентации спикеров

• Материалы от спикеров, которые не смогли приехать/выступить

• Любительская съёмка

Почему я не делаю публичных разборов

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

Отвечаю. Я не могу делать разнос результата работы, о которой мне ничего неизвестно. Например, вижу кривую и неудобную форму для ввода данных и не знаю — то ли это дизайнер не справился, то ли клиент настоял на таком варианте и остался доволен, то ли (что самое забавное) результаты тестов показали, что именно такая форма максимально хорошо выполняет свою задачу. В этом случае я просто испорчу репутацию, показав, что готов судить работу, не разобравшись в контексте и её реальной эффективности.

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

Ещё причина. Я стараюсь не лезть в чужие монастыри со своими уставами. И стараюсь не давать советов там, где у меня их не спрашивали. Стараюсь — и не всегда у меня это получается. Так зачем же мне ещё больше усугублять своё положение какими-то «разносами»?

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

О школе Баухаус в цитатах дизайнеров

Наш арт-директор Федор Ноздрин и еще семь дизайнеров из известных студий рассказали порталу DSGNRS, как художественная школа Баухаус повлияла на них и на всё дизайн-сообщество. Делимся некоторыми цитатами из материала.

Федор Ноздрин, AGIMA:

«Ле Корбюзье — величайший архитектор-модернист. Он никогда не был среди преподавателей Баухауса, но его работы оказали огромное влияние на основателей и учеников школы. Еще он повлиял на стиль советской застройки: железобетонные панели, плоские крыши, отсутствующий декор — всё это отголоски его архитектурных догм».

Эмиль Исхаков, ONY:

«Баухаус объединил архитектурное, скульптурное и художественное мышление в мультидисциплинарной философии. Мы расширили это мультидисциплинарным подходом, включив типографику, CGI, генеративный, саунд- и диджитал-дизайн. Таким образом, мы являемся в некотором роде продолжателями Баухауса, создавая новые опыты для брендов через эксперименты с разнообразными медиумами и пробуя новые выразительные средства».

Павел Конюков, Nimax Brands:

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

Полную версию статьи читайте тут. И приходите в Телеграм-канал нашей дизайн-команды. Там много классных находок из мира дизайна.

Figma анонсировала конференцию Config 2024. Мероприятие пройдёт в Сан-Франциско 26 и 27 июля. В этом году мероприятие будет в гибридном формате. За два дня на сцене выступят более 75 спикеров на 50 сессиях. Компания ожидает принять более 8 тыс. участников.

Сейчас билет на очное посещение можно приобрести за 350 долларов, но скоро цену увеличат до 700 долларов. Виртуальное участие бесплатное. Все сессии можно будет посмотреть в прямом эфире.

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

Всего доступно четыре набора курсоров:

• 8-bit. Пиксельные курсоры, вдохновлённые эпохой Windows 2000.

• Y2K. Дизайн этого набора навеян началом двухтысячных.

• Aero. При создании курсоров дизайнеры использовали интерфейс Windows Vista и Windows 7. Набор охватывает период с 2007 по 2009 год.

Skeuomorphic. Релиз первого iPhone вызвал рост популярности скевоморфизма, а эти курсоры вернут пользователя во время, когда элементы интерфейса повторяли объекты реального мира.

На YouTube-канале DesignCode опубликовали бесплатный курс по созданию 3D-моделей для iOS и visionOS в Spline. В двухчасовом ролике обсуждают следующие темы:

• Базовые формы;

• Материалы, свет и эффекты;

• Камера, анимации и состояния;

• Кнопки и компоненты;

• Пошаговая анимация;

• Создание 3D-иконки для iOS-приложения;

• Создание 3D-иконки для visionOS-приложения;

• Создание 3D-сцены;

• Анимация частиц;

• Экспорт моделей в SwiftUI-проекты.

Nike представила кроссовки Air Force 1 в дизайне 404 Error («Ошибка 404»).

Производитель изменил форму кроссовок, нанёс на стельки строки с символами 0 и 1, а также добавил на язычок цифры 404 поверх названия модели.

Сбоку на обуви написано: «404 Error, the requested Upper was not found» («Ошибка 404, запрошенный верхний элемент не найден», что умело интегрирует веб-жаргон в физический дизайн, воплощая в себе суть этого эксклюзивного решения цифровой эпохи).

Кроссовки ожидаются в продаже летом 2024 года по цене от $150.