Как стать автором
Обновить
23.99

Дизайн мобильных приложений *

Приложения для iOS, Android, Windows Phone

Сначала показывать
Порог рейтинга
Уровень сложности

Без теории к практике: как уловить радиоволну инклюзивного дизайна, опираясь на опыт реальных людей

Уровень сложностиПростой
Время на прочтение12 мин
Количество просмотров139

Удобство. Что же это такое? Задумывались ли вы, почему перила у лестницы находятся по правую руку, цифры в лифте идут снизу вверх по возрастанию, а бутылку с газировкой делают такой формы, чтобы рука могла комфортно обхватить её?

Такие детали очень важны для определённых категорий людей. В обычной офлайн-жизни можно заметить, что про людей с ограниченными возможностями стали думать больше, чем это было несколько лет назад. Удобные пандусы, разметка на улице у светофоров и в подземных переходах. Но почему тогда приложения и сайты отстают?

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

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

«Универсальный дизайн» — концепт, придуманный американским архитектором Рональдом Л. Мейсом. Он выделил 7 принципов «универсального дизайна», которые описывают, как создать хорошие условия для людей разного возраста и способностей. Он верил, что простой доступ к зданиям и свобода движения сделают жизнь проще для всех. Селвин Голдсмит переформулировал цитату Мейса в своей книге «Проектирование для инвалидов». Он придумал концепт «свободного дизайна». Затем эти термины стали известны как «инклюзивный» и «доступный дизайн». Так чем они отличаются?

Читать далее
Всего голосов 1: ↑1 и ↓0+1
Комментарии0

Новости

Тактильный отклик в мобильных приложениях: что это такое, когда использовать и зачем?

Уровень сложностиПростой
Время на прочтение7 мин
Количество просмотров862

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

Прочитать материал
Всего голосов 12: ↑12 и ↓0+15
Комментарии0

Кастомный Date and Time picker как в Telegram на Kotlin Jetpack Compose

Уровень сложностиПростой
Время на прочтение9 мин
Количество просмотров2.6K

Вдохновившись классными колесиками для выбора времени и даты напоминаний Telegram я захотел сделать на одном из своих пет‑проектов что‑то подобное. Первой мыслью было — найти этот код в исходниках Telegram, но т.к. скорее всего, у них это написано на Java, я решил не играть в лотерею и не тратить время на раскопки в Java‑коде, потому что я хотел сделать это на «реактивном ранце».

Читать далее
Всего голосов 5: ↑3 и ↓2+3
Комментарии7

Продукт или студия: куда пойти работать дизайнеру, и почему в банках так много платят

Уровень сложностиПростой
Время на прочтение7 мин
Количество просмотров1.6K

Эта статья для начинающих и взрослых дизайнеров. Новички поймут, в какую сторону смотреть, где искать первую работу. Опытные ребята ответят себе на вопросы: «Тем ли я занимаюсь?» и «Стоит ли менять профессию?».

Читать далее
Всего голосов 7: ↑4 и ↓3+4
Комментарии4

Истории

Оценка компетенций продуктовых дизайнеров. Часть 2: Карта навыков

Уровень сложностиСредний
Время на прочтение5 мин
Количество просмотров364

Привет! Я Ваня Соловьёв, руководитель продуктового дизайна в «Магните». Рано или поздно в компании возникает вопрос: как оценивать вклад и навыки продуктовых дизайнеров. Тогда ответственные начинают искать информацию в интернете, собирая обрывки знаний то тут, то там. Обычно это приводит к неточным результатам: системы и методы оценки разные, и их объединение не всегда положительно сказывается на итоговом результате.

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

Читать далее
Всего голосов 5: ↑4 и ↓1+5
Комментарии2

Принципы и адаптация практик разработки UX/UI для промышленного ПО

Уровень сложностиПростой
Время на прочтение12 мин
Количество просмотров1.4K

В посте обобщили и разжевали проблемы создания UX/UI для промышленных приложений, способы их решения. Поделились соей иерархией правил и принципов при разработке интерфейсов промышленного ПО. Поводом к посту стали проблемы при разработке одного из продуктов компании, когда на этапе проектирования возникли споры о том, каким должен быть интерфейс приложения. Чтобы максимально подробно поставить задачу по дизайну, решили провести ресерч: пообщались с дизайнерами, изучили литературу, проанализировали личный опыт. В итоге сформировали нечто, что позже, возможно станет основой для корпоративного стандарта требований для дизайна промышленных систем. Мысли, решения и результаты изложены под катом. Лонгрид (много букв).

Читать далее
Всего голосов 9: ↑8 и ↓1+9
Комментарии5

Победители Московского городского конкурса (МГК) 2024 года

Время на прочтение4 мин
Количество просмотров578

Рассказываем про победителей Московского городского конкурса 2024. Заходите и читайте, какие проекты придумали наши подростки!

Читать далее
Всего голосов 7: ↑1 и ↓6-3
Комментарии2

Дизайн на основе данных: Как метрики делают ваш продукт успешным

Уровень сложностиПростой
Время на прочтение9 мин
Количество просмотров2.8K

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

Читать далее
Всего голосов 8: ↑8 и ↓0+11
Комментарии0

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

Уровень сложностиПростой
Время на прочтение2 мин
Количество просмотров456

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

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

Читать далее
Всего голосов 3: ↑0 и ↓3-3
Комментарии2

Тысячи иконок и адаптация под RTL: проектирование интерфейса шаблона мобильного приложения для партнёров Travelpayouts

Уровень сложностиПростой
Время на прочтение5 мин
Количество просмотров629

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

Об этих вопросах мы в CleverPumpkin задумались, когда проектировали интерфейс для White Label App — шаблона нативного мобильного приложения для поиска и покупки авиабилетов или бронирования отелей для компании Travelpayouts. Это партнёрская платформа, которая даёт возможность тревел-брендам и инфлюенсерам получать доход от рекламных кампаний известных тревел-брендов и сервисов. 

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

Пару слов о проекте

White Label App — это шаблон приложения с готовыми функциональными модулями. С его помощью партнёры Travelpayouts могут сделать собственное уникальное приложение — его интерфейс легко кастомизируется под любой брендбук или понравившуюся стилистику. Для этого достаточно выбрать один из предустановленных стилей и задать цветовую палитру интерфейса. А после опубликовать готовое приложение в Google Play или App Store со своими названием и иконкой.

В прошлой статье мы подробно рассказывали о процессе создании проекта и разработке двух его версий (White Label App и White Label SDK) и удобном конфигураторе для одновременной настройки интерфейса для iOS и Android. Но этот проект уникален и с точки зрения дизайна, поэтому решили подробно написать о том, как его создавали.

Читать далее
Всего голосов 6: ↑6 и ↓0+8
Комментарии0

Оценка компетенций продуктовых дизайнеров. Часть 1: Этапы оценки

Уровень сложностиСредний
Время на прочтение6 мин
Количество просмотров865

Привет! Я Ваня Соловьёв, руководитель продуктового дизайна в «Магнит». Рано или поздно в каждой компании возникает вопрос: как оценивать вклад и навыки продуктовых дизайнеров. Тогда ответственные за это начинают искать информацию в интернете, собирая обрывки знаний то тут, то там. Обычно это приводит к неточным результатам: системы и методы оценки разные, и их объединение не всегда положительно сказывается на итоговом результате.

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

Читать далее
Всего голосов 7: ↑5 и ↓2+5
Комментарии2

Как зеленый Леруа Мерлен стал желтым Лемана ПРО

Время на прочтение13 мин
Количество просмотров25K

В последнее время ну очень популярна стала такая вещь, как ребрендинг. Одни меняют лого и название. Другие, вдобавок к этому, еще и кардинально меняют цвета.

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

Будем это исправлять.

Всем привет! Меня зовут Слава. Я мобильный разработчик. И в этой статье я поделюсь своим уникальным опытом того, как Леруа Мерлен стал Лемана ПРО. Собственно, рассказывать буду про мобильную разработку 🤷🏽.

Читать далее
Всего голосов 15: ↑12 и ↓3+13
Комментарии28

Чем роль продуктового дизайнера отличается от роли UX/UI-дизайнера. Показываю на практике

Уровень сложностиПростой
Время на прочтение9 мин
Количество просмотров5.8K

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

Читать далее
Всего голосов 21: ↑20 и ↓1+24
Комментарии15

Ближайшие события

7 – 8 ноября
Конференция byteoilgas_conf 2024
МоскваОнлайн
7 – 8 ноября
Конференция «Матемаркетинг»
МоскваОнлайн
15 – 16 ноября
IT-конференция Merge Skolkovo
Москва
22 – 24 ноября
Хакатон «AgroCode Hack Genetics'24»
Онлайн
28 ноября
Конференция «TechRec: ITHR CAMPUS»
МоскваОнлайн
25 – 26 апреля
IT-конференция Merge Tatarstan 2025
Казань

Figma AI. Наконец завезли нейронку

Уровень сложностиПростой
Время на прочтение2 мин
Количество просмотров4.4K

Я давно изучаю разные нейронки и был приятно удивлён, когда вместе с новым интерфейсом Figma презентовала новые инструменты на базе нейронки. Правда, ждать пришлось почти год, если не больше!

Параллельно я работаю с сервисом-клоном Figma — Pixso. Так вот эти ребята уже давно внедрили у себя нейро-инструменты. И они классно работают.

Тем более интересно, что вышло у Figma!

Читать далее
Всего голосов 8: ↑5 и ↓3+3
Комментарии2

Гиперперсонализация vs. персонализация: внедрили в маркетплейс БАДов опередили iHerb

Уровень сложностиПростой
Время на прочтение7 мин
Количество просмотров1.3K

(пошел нормальный контент после Дурова)

Гиперперсонализация увеличивает продажи x3, а лояльность пользователей — настолько, что у конкурентов не остается шанса. Как мы внедрили подход в маркетплейс Альхадая и сделали его достойной заменой iHerb на рынке СНГ —

Читайте далее
Всего голосов 8: ↑3 и ↓50
Комментарии8

Идеальный продукт и его UX/UI дизайн

Уровень сложностиПростой
Время на прочтение15 мин
Количество просмотров3.1K

Рецензия на книгу «UX/UI дизайн для создания идеального продукта»

Привет! Сегодня расскажу о том, что узнала из книги‑гида Ярослава Шуваева «UX/UI дизайн для создания идеального продукта». Дабы рецензия не вышла совсем уж пространной, решила разделить её на две части. Поговорим о SUS, MVP, концепциях Personas и JTBD, разнице между MVT и A/B‑тестированием, об API, как о факторе, формирующем UX, и многом другом.

Читать далее
Всего голосов 5: ↑4 и ↓1+7
Комментарии1

Как делать простые анимированные онбординги в Lottie без After Effects

Уровень сложностиПростой
Время на прочтение6 мин
Количество просмотров5.6K

Привет! Меня зовут Михаил Мурзак, я продуктовый дизайнер в Ozon Seller (сайт и приложение продавца).

Время от времени мы делаем анимированные онбординги крупных фич в мобильном приложении и долгое время использовали для этих целей Adobe After Effects с плагином Bodymovin (для экспорта в Lottie), но каждый раз для меня это было мучением, поэтому я решил пересесть на официальный клиент Lottie и написал этот гайд для коллег.

Теперь, когда Adobe не продлевает лицензии, этот гайд стал ещё более актуальным, и я решил опубликовать его тут.

Читать далее
Всего голосов 22: ↑21 и ↓1+22
Комментарии6

Готовый компонент UI свайп-панели c добавлением scrollView, и других элементов ui. (iOS Swift)

Время на прочтение8 мин
Количество просмотров1.1K

ContainerController компонент пользовательского интерфейса. Это копия свайп-панели из приложения: AppleMaps.

Читать далее
Всего голосов 6: ↑6 и ↓0+10
Комментарии0

Как мы разработали приложение для знакомств в Telegram

Уровень сложностиПростой
Время на прочтение4 мин
Количество просмотров2.9K

С уходом Tinder из России и Беларуси открылась довольно широкая ниша для приложений специализирующихся на знакомствах. Некоторые из таких приложений пошли в жестокую монетизацию, высасывая из пришедших бедолаг деньги, не рассчитывая на длительный успех, некоторые заняли свою нишу и ведут себя более скромно. Однако по нашему субъективному мнению не все пользователи тиндер нашли для себя замену и все еще жаждут новых знакомств. Поэтому мы решили ворваться в этот рынок и сделать доступное для всех приложение, где каждый смог бы найти для себя кого‑то интересного. Сейчас все расскажем подробнее.

Читать далее
Всего голосов 11: ↑5 и ↓6+3
Комментарии20

Что можно улучшить в приложении? Часть 3. Крадем как художники у Впрок

Уровень сложностиПростой
Время на прочтение4 мин
Количество просмотров1.4K

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

Читать далее
Всего голосов 1: ↑1 и ↓0+3
Комментарии0
1
23 ...

Вклад авторов