Приложения для iOS, Android, Windows Phone
На YouTube-канале DesignCode опубликовали бесплатный курс по созданию 3D-моделей для iOS и visionOS в Spline. В двухчасовом ролике обсуждают следующие темы:
Базовые формы;
Материалы, свет и эффекты;
Камера, анимации и состояния;
Кнопки и компоненты;
Пошаговая анимация;
Создание 3D-иконки для iOS-приложения;
Создание 3D-иконки для visionOS-приложения;
Создание 3D-сцены;
Анимация частиц;
Экспорт моделей в SwiftUI-проекты.
Главные принципы инклюзивного дизайна
Инклюзивный дизайн — метод проектирования интерфейса с учетом потребностей как можно большего числа пользователей.
Чтобы соответствовать высокому уровню доступности по WCAG, необходимо придерживаться 4 принципов.
1. Воспринимаемость
Всегда должна быть текстовая альтернатива нетекстовому контенту.
Капча должна быть представлена в нескольких формах.
Нельзя пренебрегать контрастностью.
2. Понятность
Например, выбор цвета товара в интернет-магазине должен иметь текстовое пояснение, чтобы быть понятным для людей с нарушением цветовосприятия. Ответные уведомления системы или инфографика должны маркироваться не только цветом, а иметь пояснительную иконку или штриховку.
3. Управляемость
Люди должны иметь возможность взаимодействовать с интерфейсом и управлять контентом всеми доступными способами. В том числе и с клавиатуры, ведь многие люди с нарушениями моторики не пользуются компьютерной мышью. Все функциональные элементы страницы должны быть доступны по умолчанию, например кнопки слайдера. Экранный фокус, с помощью которого человек перемещается, должен корректно работать и быть виден.
4. Надежность
Интерфейс должен оставаться доступным при изменении версий продукта или операционной системы.
Больше примеров доступных и недоступных интерфейсов найдете в нашей статье. А за вдохновением приглашаем в тг-канал нашей дизайн-команды.
«Яндекс Еда» заявила о расширении функционала. В сервисе появилась новая вкладка «Гид» для пользователей с возможностью выбрать заведения для посещения офлайн в зависимости от предпочтений. Для ресторанов новая вкладка станет точкой соприкосновения с целевой аудиторией, и заведения получат дополнительный источник трафика не только в онлайн, рассказали информационной службе Хабра в пресс‑службе сервиса.
Новый функционал включает в себя возможность сохранять понравившиеся заведения в разделе «Сохранённые места». Во вкладке доступны разные фильтры для поиска заведений: по национальным кухням, конкретным блюдам, наличию караоке или кальяна, детского меню и так далее. Кроме того, в «Гиде» можно забронировать столик и проложить в «Яндекс Картах» маршрут к заведению.
Дополнительно сервис формирует отдельную подборку «Для вас», основанную на нейросети «Яндекса». Как объяснили разработчики, с помощью этой подборки пользователь получит персональные рекомендации. Нейросеть анализирует несколько сотен факторов, включая агрегированные данные о посещениях, историю поиска и просмотра, наиболее часто используемые фильтры подбирает заведения.
Также разработчиков заявили, что скоро пользователи смогут составлять собственные списки кафе и ресторанов, делиться ими, сохранять подборки других людей. Если вкладка отсутствует в приложении, то его нужно обновить.
В магазине приложений RuStore появился новый формат сервисов и игр с быстрым доступом к контенту — мини‑приложения. Эти приложения не нужно устанавливать на устройство и обновлять, а для работы достаточно аккаунта VK ID, рассказали информационной службе Хабра в пресс‑службе RuStore.
В каталоге RuStore уже представлено 4 тысячи мини‑приложений и игр, они доступны в разделе «Мини». По словам разработчиков маркетплейса, сервисы созданы на платформе VK Mini Apps, среди них есть мини‑приложения от VK и от сторонних разработчиков. Эти предложения можно добавить на главный экран смартфона для быстрого запуска. Как заявили RuStore, мини‑приложения не занимают места и обновляются автоматически.
Мы выпустили 6-ую версию UIKit — ключевой библиотеки дизайн‑системы Gravity UI.
Что нового:
Компонент List 2.0. В UIKit изначально был List, но в нём хотелось кое‑что доработать. При сборе запросов собрали список:
поддержка разных размеров и ширины;
иконка у элемента списка; разное количество и положение иконок;
поддержка стейтов;
разный контент в элементах списка (однострочный, многострочный или список пользователей);
поддержка разных видов разделителей и группировок.
Это существенные изменения, поэтому мы создали List 2.0. Пока он выходит в prestable версии, но рекомендуем пользователям переходить на него и приносить фидбек.
RTL. Если ваши приложения/сайты должны отображаться на иврите, арабском и других языках с направлением письма справа налево, нужна поддержка RTL‑стандартов. При этом в RTL:
вставленное слово на латинице пишется слева направо;
цифры пишутся слева направо;
знаки препинания в арабском также пишутся слева направо и т. д.
Во всех компонентах мы поддержали параметр RTL. Чтобы под рукой был полный пример, сделали промостраницу на арабском. Посмотреть, как реализовано, можно в исходном коде landing. Также за примерами можно заглянуть в storybook.
Доступность (a11y):
добавили в проект плагин eslint;
поддержали клавиатуру для clickable и closable состояния компонента Persona;
отключили onClick у 15 неинтерактивных компонент;
поддержали клавиатуру в компоненте SelectionTable.
Если есть запрос на доработку — приходите к нам в GitHub с issue или даже с PR. И используйте Gravity UI!
Для Figma вышел плагин Trace, с помощью которого можно сконвертировать дизайн в live-прототип приложения на SwifUI. Есть возможность просматривать код вёрстки, изменять его, видеть как это влияет на поведение приложения и переносить изменения в IDE. Для всего этого плагин подгружает полноценный симулятор iOS. Для преобразования дизайна в код SwiftUI используется нейросеть.
Изначально Trace появился в качестве сервиса для генерации экранов приложений по текстовому запросу с поддержкой только SwiftUI.
Oops! Something went wrong.
Уважаемые мобильные разработчики! Для диагностики проблемы хуже вот такого скриншота может быть только отсутствие скриншота. Ни времени ошибки, ни идентификаторов, ничего.
Проблема не в том, что верхушку с часами отрезали. И не в том, что время не указано в багрепорте. Она в том, что не задействовано то самое пространство на экране, которое пользователь показывает как доказательство бага. Это самая живучая часть багрепорта. Можно сколько угодно заставлять пользователя заполнять формы об ошибках - это никогда не будет так же надёжно, как самому себе подстелить соломку.
Поэтому, пожалуйста, показывайте вместе с "Oops" хоть что-то. И делайте это изначально. Вам как минимум известно текущее время - покажите его, причём лучше в UTC. Если от сервера пришёл заголовок с идентификатором запроса - покажите его тоже. Эти зацепки не должны потеряться в акте съёмки.
В конце концов, это слишком легко сделать чтобы этого не делать. Более проработанные решения уже требуют трудозатрат. А чтобы показать хотя бы такое, трудозатраты околонулевые:
Oops! Something went wrong.
2024-02-29T12:19:19.883Z
c26e35c0-51c0-4cf0-a7af-1b40fde02fbc
GET https://example.com/user, 500
Приложения для часов Apple Watch. Ну или других часов.
Почему их так мало? Как спортивный калькулятор калорий многие используют. Или сообщения читают (а ответить крайне сложно и неудобно. особенно на совещаниях).
Неужели вот такой формат маленького экрана так ограничивает фантазию и никто не может придумать приличного варианта использования? Некие новые полезные функции или функции старые, но полезные и удобные именно в часах?
Ведь часов уже много поколений, а приложений для них буквально минимум.
Конечно по сравнению со смартфонами?
Или экран настолько ограничивает, что вариантов использования действительно мало?
Платить на кассе в странах где это работает? И читать сообщения?
У меня много знакомых с такими часами, но я не вижу, чтобы они пользовались кроме часов чем-то еще.
А ведь если мало приложений, то это большие перспективы? Рынок открыт и свободен. На смартфонах не пробиться со своим приложением. А тут открытый рынок. И никого на нем нет.
На Хабре последнее упоминание о часах apple в 2020
Сложности прокачки UI
Подписывайтесь на мой канал: t.me/designtusovka
Вы наверняка замечаете тренд на 100% понимание всего что связанно с UX?
Я стал задаваться вопросом “Почему так происходит?”. В последние годы я стал чаще и чаще замечать, что компании уделяют всё больше внимания UI-дизайну, нанимают специалистов заточенных под UI дизайн.
Неужели до СНГ компаний дошло что UX и UI это две разные позиции?
Тенденция показывает, что народ просто забил на UI, ведь каждый курс пестрит методологиями, сложными аббревиатурами, способами исследования. А выпускники знают только слова JTBD, RICE, Mindmap, custdev и тд. (Про умение применять это всё в жизни я молчу)
Почему-то все позабыли, что главный навык дизайнера — делать красиво.
Давайте разберём, почему же так мало реально мощных курсов / уроков по UI дизайну и почему это самый сложный навык в дизайне:
Насмотренность
Супер важна, чтобы стать хорошим UI-дизайнером. Это и про то, чтобы научиться видеть детали/фишки, и чтобы со временем научиться сразу интегрировать классные решения в свой продукт.
Время
Анализ, изучение других работ, коммуникация с дизайнерами — все это необходимо на постоянной основе.
Обучение
Вы должны быть готов к тому, что придется постоянно учиться и совершенствоваться, чтобы оставаться востребованным на рынке труда.
Конкуренция
Очень высока. Чтобы выделиться среди других дизайнеров, нужно приложить максимум усилий и времени.
Наставники
Очень нужны, особенно на старте. Они вас направят и помогут скорректировать курс.
Препарируем Material Design и находим родовые травмы
Подробнейшая документация, но..
Неконсистентный и неуниверсальный дизайн.
Сомнительный пользовательский опыт чуть ли не в каждом компоненте.
Реализация от Гугла в Вебе безбожно тормозит и глючит.
Тяжёлая поддержка разных форм-факторов и инпут-девайсов.
В продолжение темы: Бестолковый дизайн, Mathematics Driven Design.
Мета: Форум Гипер Дев, Канал с новостями, Донаты.
В конце 2000-х годов, группа молодых амбициозных дизайнеров, работающих в различных областях дизайна, я в их числе, решили самостоятельно организовать выступление «правильного» дизайнера, искусствоведа и классного спикера — Владимира Кричевского.
В то время Владимир Кричевский был известен за рубежом, но не был достаточно известным в нашей стране, мы решили исправить данное недоразумение. Прикинув аудиторию, подобрав площадку и пр. гонорары, мы вышли с предложением к Владимиру Григорьевичу провести дизайн-митинг и… Получили отказ, который был обоснован тем, что нет никакого смысла рассказывать про дизайн дизайнерам, так как дизайнеры не принимают конечных решений и рассказывать о дизайне нужно не дизайнерам, а менеджерам.
Спустя годы и расстояния, я решил воспользоваться идеей коллеги и сделать блог про дизайн для менеджеров. Здесь не будет сложной терминологии и лонгридов, только короткие кейсы, имеющие непосредственное отношение к реальной жизни.