Проектирование медицинских интерфейсов

Внутри статьи:
– На что обращать внимание при проектировании сложных интерфейсов для медиков
– Как исследовать опыт пациентов
– Как донести пользу интерфейса до врачей
– Как строить гипотезы в медицинских проектах
– В чем отличиие опыта врача и пациента
– Как обучить врача новому интерфейсу

👉 Читать статью

@jun_hi

Оплата через номер телефона

Вчера я оплатил подписку в ITunes через свой мобильный номер (деньги списываются с баланса телефона) и задумался. А почему так не сделают везде? Это же офигеть как удобно. Пополнил свой номер и пошёл оплачивать всё, что захочешь, введя только номер и код из смс, как подтверждение.

Никак номеров карт, годов выпуска, CVV кодов и прочего. Ввёл номер, получил смс, деньги списались с баланса, всё.

И насколько я знаю, это и не привязано ни к каким платёжным системам. То есть, в текущих реалиях решает множество проблем.

Какие есть нюансы, где кроется подводный камень?) Или их нет? Если даже в американском iTunes все проходит без проблем.

@jun_hi

Недавно я выкладывал пост про то, какие дизайнеры работают в Apple и их портфолио.

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

– https://www.lisasuefischer.com
– https://www.shabnamkashani.com
– https://danegalbraith.com
– https://www.nicolaspellegrino.com
– https://joshglucas.com
– https://kaiwei.design/#/
– https://www.anqiwan.com
– https://www.carsonyoung.ca
– https://www.tongfangsun.xyz
– https://pennybanks.com
– https://marianastariolo.com
– https://www.designiswright.com
– https://rachit91.github.io
– https://creativemj.com

Вдохновляйтесь))

@jun_hi

Давайте чуток разомнемся на выходных)))

Напишите в комменты, какую ошибку вы видите на фото с точки зрения пользовательского опыта)

Должно быть легко)

Сегодня в 18:00 по мск СЕО Фигмы будет вещать о нововведениях. Что ждёте больше всего в грядущих обновлениях?

Я бы темную тему хотел) Использовал кастом, очень понравилось. Глазам сильно проще. Автолэйауты бы погибче, работу с компонентами.

Чего вам не хватает?)

Тут писал про конфу подробнее и там же ссылка https://t.iss.one/jun_hi/254

⚡️⚡️⚡️Апдейты с конференции Figma

❇️ #1 FigJam: Новые виджеты Jira, GitHub, Asana.

❇️ #2 Тёмной теме быть, судя по скринам из Фигмы на конференции. Думаю в самое ближайшее время. Представлена официально.

❇️ #3 Новые Автолейауты (абсолютное позиционирование и отрицательные spacing)

❇️ #4 Поддержка вариативных шрифтов

❇️ #5 Индивидуальные бордеры (stroke) у объектов (снизу, сверху, слева и справа).

❇️ #6 Новое поведение анимаций в Smart Animate

❇️ #7 Пароли для доступа к прототипу.

❇️ #8 Кастомизация компонентов станет еще лучше

❇️ #9 Теперь можно следить за вами не по нажатию на аватарку. А запустить свой стрим

———

Обо всех обновлениях максимально подробно можно прочитать тут

Из новых фич это всё. Кажется, давно было пора, но видимо доводили все до идеала)

Как вам обновления? Мне оч зашло, особенно автолейауты, темная тема)

Дальше разные спикеры из мировых компаний и не только будут рассказывать про свой опыт и дизайн. Все это будет идти ещё 24 часа.

Линейку в тёмной теме не победили)) Сильно выделяется, конечно. Но, привыкнем. Либо покрасят)

Самое крупное обновление AutoLayout за последнее время. Рекомендую ознакомиться с видосом. У кого проблемы с английским, можно посмотреть через Яндекс Браузер и их переводчик на русский. Рассказали обо всём и очень подробно.

Если вы часто сталкиваетесь с проектированием карточек товара в E-commerce, эта статья для вас. Ну и в целом почитать про практики будет полезно.

Внутри статьи:

- Общие моменты
- Фотографии в карточках
- Цена товара
- Рейтинги и отзывы
- Характеристики
- Инфо о доставке

И ещё очень много информации.

👉 Читать статью

@jun_hi

В тёмном режиме самый топ background для холста в Figma: 1Е1Е1Е.

Не благодарите.

———

Какой у вас?

@jun_hi

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

Ну и как они просто преподносят обновы, тоже нравится. Все легко и просто читается.

Новое обновление их сервиса уже в пресс-релизе: https://ru.airbnb.com/2022-summer

———

Пользуетесь ими? Как вам? Какие минусы отметите?

@jun_hi

Я в своей жизни сделал одно тестовое в Тинькофф, больше я их не делал.

И вот хочу понять, как сейчас на рынке ситуация с тестовыми? Какие вам давали? Насколько глупыми они были или очень качественные? Насколько объёмные? От каких вы офигели, что ещё и бесплатно, и делать месяц?)

Пишите в комменты, очень хочу почитать, какие сейчас тестовые. Думаю, многим будет полезно)

Если есть примеры тестовых, которые вы считаете очень качественными, которые раскрывают ваши навыки, как дизайнера – прикрепляйте их тоже)

Небольшая статья о висячих предлогах (если они кого-то бесят).

Откуда они появились, когда и как лучше переносить, а когда оставить на строке.

👉 Читать статью

@jun_hi

🔥 Нашел на просторах статью от Маргариты Романовой, продуктового дизайнера в ДомКлик о том, как она искала работу в Европе, ходила на собеседования, как готовилась и ещё много интересного.

На выходные самое то :) Статья немного большая, минут на 15.

Что внутри:
- Как оформить портфолио
- Как презентовать проекты
- Что писать в CV
- Как составлять Cover Letter
- Как готовиться к собесу
- Советы по прохождению интервью зарубежом
- Ссылки на полезные материалы, которые помогут в трудоустройстве
- Как общаться на собеседовании и что спрашивать
- Как проходить whiteboard и отвечать на вопросы интервьюеров

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

Из последних прочитанных статей, эта максимальна полезная и прикладная. Без особой воды.

👉 Читать статью

@jun_hi

Полезное #22

———

Плагины для Figma:

🔸 Ruri Splines. Плагин для Figma, который позволяет создавать различные градиентные сплайны с последующим экспортом в PNG.

🔸 Iconduck — большая библиотека бесплатных векторных иконок

🔸 Outline to Single Stroke — конвертер векторных объектов из outline в stroke

🔸 Font Preview — панель предпросмотра шрифтов, с поиском и возможностью добавлять в избранное

———

Интересные сервисы и сайты:

🔹 Neo. Приятный минималистичный дизайн мобильного приложения для банка.

🔹 Стильный в меру брутальный сайт студии Proto Еditions с гибкой модульной вёрсткой и мелкой типографикой.

🔹 Лёгкий современный сайт петербургского арт-пространства «Бутылка» с аскетичной вёрсткой и динамичной структурой в виде слайдов и блоков.

🔹 Элегантный сайт поставщика драгоценных металлов Argor Heraeus с трёхмерными анимациями, плавным горизонтальным скроллом, премиальной палитрой и незаурядной вёрсткой.

———

Бесплатные файлы:

▪️ Open Stickers. Бесплатная коллекция из 80 дружелюбных иллюстраций с яркой и нарочито примитивной стилистикой. Доступно в PNG, SVG и формате для Figma. Сделано ребятами из Craftwork.

▪️ Коллекция из 96 бесплатных текстур металла в высоком разрешении.

▪️ Mighty Cursor. Компонент Figma со всеми состояниями курсора macOS.

———

Статьи:

📚 Подход к отображению ошибок в асинхронном вебе. Андрей Шапиро рассказал о UX-принципах, которые помогут улучшить отображение ошибок на сайтах и в приложениях, а также предложил свой шаблон процесса и привёл наглядные примеры.

📚 10 cognitive biases that shape our world. Сиддартха Кандиконда рассказал о 10 типах когнитивных искажений, которые влияют на представление человека об окружающем мире, и о том, как эти искажения проявляются в дизайне.

📚 Дизайн дайджест за апрель от Юры Ветрова.

@jun_hi
#полезное

Ты: тратишь уйму времени на проектирование сложных интерфейсов в 500+ экранов.

Дизайнер в Инстаграм: 6 лет осветляет градиент в старом лого и выдаёт за новый.

Да, Инстаграм обновил логотип сегодня.

@jun_hi

Статья с разбором UX/UI фотографий на странице товара в интернет магазине:

– внешний вид
– типы контента
– расположение
– функциональность
– нестандартные кейсы

Много референсов и негативных примеров.

130+ пунктов чек-листа.

Читайте, уносите к себе решения, если делаете интернет-магазины.

👉 Читать статью

@jun_hi

Назрел вопрос.

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

Но мне стало интересно, а что вы спрашиваете у компаний, когда ищете работу? Что для вас важно на новом месте? Возможно, у вас есть готовый список вопросов, который кому-нибудь пригодился?)

А то знаю людей, которым говорят, «‎если у вас есть вопросы – задавайте»‎, они говорят «‎да не, вопросов нет»‎, а потом вскрывается много камней, которых можно было бы избежать.

Давайте пообщаемся в комментах)

@jun_hi

Вспомним главные законы в проектировании интерфейсов. Статья про них.

– Эффект эстетитки
– Порог Доэрти
– Закон Фиттса
– Закон Хика
– Закон Якоба
– Закон общего пространства
– Закон прегнатности
– Закон близости

и ещё парочку.

Это кажется основа основ, чтобы делать хорошие интерфейсы)

👉 Читать статью

@jun_hi

Полезное #23

———

Плагины для Figma:

🔸 Icon Sizes — автоматически создает компонент с тремя вариантами для выбранной иконки в размерах 12, 16 и 24 px

🔸 Memojis — коллекция из 100+ мемоджи

🔸 Supa Gradient — создаёт градиенты различной сложности

🔸 MeisterIcons — бесплатная библиотека из 100+ векторных иконок

———

Интересные сервисы и сайты:

🔹 Спецпроект магазина косметики Pola ко Дню матери в Японии. Сайт украшен лаконичными псевдотрёхмерными анимациями цветов, которые символизируют множество проявлений любви и материнства.

🔹 Motion One. Библиотека готовых CSS-анимаций.

🔹 Clipdrop. Обновлённое AR-приложение, которое захватывает объекты с помощью камеры и удаляет фон, а затем переносит их в Photoshop, Figma, Sketch или другой графический редактор. Приложение также поддерживает очистку изображений от лишних деталей, увеличение разрешения, пакетную обработку и экспорт в 4K. Доступно на Android, iOS, macOS и Windows. Есть бесплатная ограниченная версия.

🔹 Различные полезные дизайн-инструменты Алекса Видуа, дизайнера из Швеции. Внутри есть плагины для Figma, ИИ-инструменты и даже браузер.

———

Бесплатные файлы:

▪️ Коллекция базовых звуков для интерфейса с наглядной интерактивной демонстрацией.

▪️ Tabler Icons. Обновлённая коллекция линейных иконок с настройкой толщины. На сайте доступен поиск и сортировка по категориям, а сами иконки можно экспортировать в виде SVG, PNG, файла Figma или кода. За два года коллекция выросла с 300 до 1950 иконок.

———

Статьи:

📚 Круг тотальной архитектуры Дмитрий Кучев подготовил выборку из статей, записей выступлений и эссе Вальтера Гропиуса — главного теоретика модернизма. Внутри рассматриваются такие темы как образование, методы проектирования, архитектура, дизайн и другие.

📚 A Guide to Task-Based UX Metrics Джефф Сауро и Джим Льюис подготовили справочник метрик для проведения юзабилити-тестов конкретных сценариев интерфейса.

📚 2022 Craft Beer Branding and Package Design Trends
Большой ежегодный обзор трендов в дизайне и позиционировании брендов крафтового пива.

@jun_hi
#полезное