Как стать автором
Обновить
  • по релевантности
  • по времени
  • по рейтингу

Запили Sign in with Apple, или 30 апреля (точнее июня) твоё приложение превратится в тыкву

Блог компании Alconost Разработка под iOS *Разработка мобильных приложений *Интерфейсы *Дизайн мобильных приложений *

Часть 2


Компания Apple опубликовала следующую новость 4 марта 2020 г.: “Все новые приложения и апдейты должны соответствовать новым гайдлайнам ревью и интерфейса к 30 апреля (перенесено на июнь) 2020.”


И главным новшеством этих гайдлайнов является обязательное наличие рабочей кнопки “Sign in with Apple” (SIWA) для приложений, позволяющих логиниться через сторонние сервисы (Facebook, Google, Twitter и т.д.).



Казалось бы, всё просто, но есть нюансы →

Читать дальше →
Всего голосов 19: ↑18 и ↓1 +17
Просмотры 7.9K
Комментарии 11

Хакатон на миллион: развиваем бизнес-идеи

Блог компании ВТБ

Приглашаем разработчиков, UI/UX-дизайнеров, маркетологов и аналитиков

принять участие в завершающем этапе хакатона VTBxMGNT, который проводит банк ВТБ совместно с компанией «Магнит».  Участники будут создавать рабочие прототипы проектов, основанных на идеях, в марте поступивших от сотрудников ВТБ и «Магнит».  Подробнее об этом вы можете узнать на сайте  www.vtbxmgnt.ru.

До 13 мая оставьте заявку на участие и после ее одобрения вас пригласят в команду, где вместе с авторами идей вы будете разрабатывать рабочие прототипы для ВТБ и Магнит с 14 по 20 мая. Будет набрано около 70 человек. 

Финал хакатона состоится 21 мая. Общий призовой фонд — 1 млн рублей:

1 место — 500 тыс. рублей;

2 место — 300 тыс. рублей;

3 место — 200 тыс. рублей.

Победители хакатона смогут опробовать свои идеи в пилотных проектах.

https://youtu.be/yPF-TEQ5pxc 

Ждём вас на хакатоне!

Читать далее
Всего голосов 11: ↑10 и ↓1 +9
Просмотры 1.5K
Комментарии 2

Wargaming открывает набор на бесплатные дистанционные курсы по UI/UX-дизайну

Блог компании Wargaming Разработка игр *Карьера в IT-индустрии

Обучение по программе Wargaming Forge будет доступно не только для жителей Беларуси, но и для слушателей из России, а лучших выпускников пригласят на работу.

Узнать все об условиях приема и содержании занятий, а также познакомиться с менторами можно на сайте Wargaming Forge.

Читать далее
Всего голосов 5: ↑4 и ↓1 +3
Просмотры 2.3K
Комментарии 0

Мой профиль vs Ваши настройки: размышления о том, как интерфейс должен общаться с пользователем

Интерфейсы *
Из песочницы
Здравствуйте.
Перед вами перевод статьи Дастина Кертиса (Dustin Curtis) «Yours vs. Mine», которую он опубликовал в собственном блоге. Сразу скажу, что перевод достаточно вольный: старался изложить понятно, в ущерб формальной точности. Статья не претендует на статус научного исследования, и содержит краткое резюме двух концепций взаимодействия с пользователем. Все ссылки на другие источники мои, как и замечания в скобках.

Об авторе: Дастин Кертис — UI/UX дизайнер, создатель блог-платформы Svbtle. Из известных его работ — редизайн сайта American Airlines. Подробней тут.

Мой vs Ваш


При разработке дизайна нового приложения довольно рано встает следующий вопрос. Как интерфейс должен называть пользовательские данные: «мои» или «ваши»? То есть, «мой профиль» или «ваши настройки»? Меня долго гложил этот вопрос. Так какой вариант правильный?
Читать дальше →
Всего голосов 16: ↑12 и ↓4 +8
Просмотры 4.6K
Комментарии 6

Ищете UI-дизайнера?

Интерфейсы *
Интереса ради посмотрел обзор вакансий на тему «UI design».

Сравнил наши запросы на Хантим, Хабре, hh и других ресурсах и то же самое на LinkedIn (преимущественно в этой области преобладают индусы). Вердикт: у «них» — все в порядке с пониманием (ну или почти в порядке), а вот у нас совершенно не знают, что такое дизайн UI.

Давайте поразмышляем…

image
Читать дальше →
Всего голосов 58: ↑43 и ↓15 +28
Просмотры 62K
Комментарии 62

Интуитивный дизайн против вирусного

Блог компании Productivity Inside Интерфейсы *Дизайн мобильных приложений *Графический дизайн *
Перевод

Интерфейс Snapchat приводит в замешательство многих пользователей. Не в упрек старшему поколению, прослеживается такая тенденция: люди, перешагнувшие определенный возрастной рубеж, с большим трудом разбираются в самых базовых функциях этого приложения — замене лиц, например. Я уже сбился со счета, сколько людей плакались мне насчет Snapchat. «Ничего не понимаю», — восклицают они. «Почему все так сложно?»

Я здесь, чтобы заявить: непонятный дизайн Snapchat — это не баг, а фича. Как и в случае с Tinder, это дизайн, который ставит своей целью затянуть пользователя и подтолкнуть его к тому, чтобы он делился опытом с окружающими. На самом деле, это одна из ключевых составляющих громкого успеха Snapchat.
Читать дальше →
Всего голосов 24: ↑16 и ↓8 +8
Просмотры 16K
Комментарии 37

Создание дизайн-экосистемы для десятков связанных ИТ-решений: слово дизайнерам

Блог компании True Engineering Веб-дизайн *Интерфейсы *Usability *Дизайн мобильных приложений *
Сегодня расскажем, как пришли к необходимости создания единой UI/UX-системы для разных приложений одного из наших заказчиков. О том, какие принципы в нее заложили и как технологично дизайн-экосистему упаковали.

image

Надеемся, наш опыт будет интересен UI/UX дизайнерам, фронтэндерам, а также бренд-менеджерам, которые на собственном опыте сталкиваются с подобными задачами.
Читать дальше →
Всего голосов 13: ↑12 и ↓1 +11
Просмотры 8.9K
Комментарии 8

Ловкость рук и никакого мошенничества: практические советы по ускоренному обучению дизайну для разработчиков

Блог компании Cloud4Y Веб-дизайн *Разработка веб-сайтов *Анализ и проектирование систем *Учебный процесс в IT
Перевод
Улучшаем дизайн проекта с помощью тактически грамотных действий, а не таланта.

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

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

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

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

1. Для создания иерархии используем цвет и вес вместо размера



Читать дальше →
Всего голосов 68: ↑67 и ↓1 +66
Просмотры 50K
Комментарии 28

Что должна сделать читалка, чтобы вы читали больше?

Интерфейсы *Usability *Дизайн

image


Я дизайнер интерфейсов, и когда меня бесят вещи, я рисую им новый интерфейс. Обычно это никак не влияет на проблему, но становится легче.
Так вот, однажды мне подарили читалку.

Читать дальше →
Всего голосов 120: ↑111 и ↓9 +102
Просмотры 48K
Комментарии 748

Как мы уместили таблицы в экран смартфона и унифицировали в рамках дизайн-системы

Блог компании True Engineering Интерфейсы *Usability *Дизайн мобильных приложений *
Мы разрабатываем рабочие инструменты для сотрудников и партнеров заказчика. Большинство созданных нами модулей содержит таблицы, реестры, карточки с детальной информацией.

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

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

Для дизайн-проектирования это ставит нам 2 задачи:

1. Превратить большое в маленькое – перевести объемные списки в мобильное представление.



2. Разработать подход к унификации – унифицировать мобильное представление для разных списков в рамках нашей экосистемы. Чтобы пользовательский опыт был единообразным, вне зависимости от модуля, с которым работает пользователь.

В этой заметке поделимся тем, как мы подходили к решению задач перевода таблиц в списки и унификации представления разных списков.
Читать дальше →
Всего голосов 22: ↑21 и ↓1 +20
Просмотры 9.8K
Комментарии 5

Разбираемся в дизайнерских профессиях

Блог компании Нетология Веб-дизайн *Дизайн
Алексей Бородкин, product lead и глава Гильдии вольных проектировщиков, рассказал на открытом занятии Нетологии, как разобраться в дизайнерских направлениях и распределить роли в дизайн-команде.

Дизайнерские тусовки


Когда-то — в буйные 90-е — никаких веб-дизайнеров не было, и сайты создавали вебмастера — отважные люди с программистским бэкграундом, которые все делали сами: собирали требования, кодили, рисовали, делали контент и развивали сайт.

В конце 90-х появилась профессия веб-дизайнера, которую более корректно называть «визуальным дизайнером». Эти ребята занимались эстетической частью цифровых продуктов, не заморачивались, что у сайта находится под техническим капотом, и воспринимали свою работу, как средство для самовыражения. В основном их интересовала только красота, чувство удовлетворения, а также мнение других визуальных дизайнеров.
Читать дальше →
Всего голосов 9: ↑9 и ↓0 +9
Просмотры 5.3K
Комментарии 0

Контроль над ситуацией делает тебя счастливым

Программирование *Интерфейсы *Usability *Профессиональная литература Мозг
Из песочницы
Привет, Хабр! Представляю вашему вниманию перевод статьи «Controlling Your Environment Makes You Happy» автора Джоэля Спольски.

Об авторе: Джоэль Спольски, совладелец Trello, Fog Creek Software и глава Stack Overflow

image

Большинство разработчиков С++ терпеть не могут программирование пользовательского интерфейса. Это удивительно, так как я считаю UI-программирование до смешного простым, понятным и увлекательным.

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

Думаю, разработчики боятся UI-программирования из-за страха перед UI-дизайном. В их понимании UI-дизайн похож на графический дизайн — загадочный процесс, подвластный только творческим «total-black-look» личностям со странным пирсингом, которые поглощают латте и создают приятные глазу штуки. Программисты же видят себя логиками-аналитиками: хороши в аргументации, в творчестве — нули. Посему уверены, что дизайн интерфейсов не для них.
Читать дальше →
Всего голосов 13: ↑11 и ↓2 +9
Просмотры 5.5K
Комментарии 9

[ Психология дизайна ] — The Psychology of Design

Веб-дизайн *Визуализация данных Дизайн мобильных приложений *Аналитика мобильных приложений *Дизайн
Перевод


Существует ряд дебатов о том, какие дополнительные навыки должны изучать дизайнеры. Должны ли дизайнеры кодироваться уметь писать код и понимать бизнес? Эти навыки невероятно ценны, но, возможно, не являются существенными. Тем не менее, я бы сказал, что каждый дизайнер должен изучить основы психологии. Как люди, у нас есть основной «план» того, как мы воспринимаем и обрабатываем окружающий мир, а изучение психологии помогает нам определить этот план. Как дизайнеры, мы можем использовать психологию для создания более интуитивных, ориентированных на человека продуктов и опыта. Вместо того, чтобы принуждать пользователей подстраиваться под дизайн продукта или опыта, мы можем использовать некоторые ключевые принципы из психологии в качестве руководства для проектирования дизайна по модели поведения людей.

Но проблема в том, с чего начать? Какие принципы из психологии полезны? Каковы примеры этих принципов в работе? В этой статье мы рассмотрим основы и обсудим этические последствия использования психологии в дизайне.
Читать дальше →
Всего голосов 22: ↑21 и ↓1 +20
Просмотры 20K
Комментарии 3

Стажировка Sberseasons: Python, UX/UI, Data и ещё много чего для студентов

Блог компании Сбер Python *Big Data *Карьера в IT-индустрии
Привет, Хабр!

Этот пост написан специально для студентов. Если вы уже состоявшийся профессионал, лучше посмотрите, как в gif’ках выглядит жизнь Open Source разработчика, а если вы студент, да еще с
ИТ-шной специальностью, добро пожаловать под кат.

Чем хороша наша программа стажировок Sberseasons? У нас есть много больших интересных проектов на выбор. Они завязаны на современный технологический стек, и их потом можно положить в свое портфолио. Плюс, её можно совмещать с учебой. Разумеется, она у нас оплачивается.

Стажировка доступна сразу по 18 IT-направлениям. О некоторых из них рассказываем подробнее.

image
Читать дальше →
Всего голосов 20: ↑14 и ↓6 +8
Просмотры 6.6K
Комментарии 2

Навигация для Android с использованием Navigation Architecture Component: пошаговое руководство

Разработка мобильных приложений *Разработка под Android *Kotlin *Дизайн мобильных приложений *
Tutorial
Попробуем, пользуясь официальным руководством и примерами кода, построить работающую систему навигации для будущего многоэкранного приложения в соответствии со стандартами Navigation Architecture Component. Статья включает следующие разделы:

Часть 1. Подготовительные работы
— 1.1. Создание проекта
— 1.2. Зависимости (Dependencies)
— 1.3. Страницы: создание фрагментов
— 1.4. Адреса: файл ресурсов типа «Navigation»
— 1.5. Фрейм: виджет NavHostFragment

Часть 2. Элементы навигации
— 2.1. Навигация с помощью кнопок
— 2.2. Боковое меню (Drawer)
— 2.3. Панель инструментов: Toolbar вместо ActionBar
— 2.4. Нижнее меню (Bottom Navigation)
— 2.5. Всплывающее меню (Overflow Menu)

Краткие выводы и ссылка на github
Читать дальше →
Всего голосов 8: ↑8 и ↓0 +8
Просмотры 22K
Комментарии 5

Адаптивный дизайн приложения под каждого пользователя

Разработка под iOS *Дизайн мобильных приложений *
Я придерживаюсь мнения, что мобильные приложения должны быть более персонализированными. Какие-то функции мне не нужны, другие использую чаще. Но почему-то мы уравниваем всех под одну гребенку, чтобы по чуть-чуть, но угодить большему количеству людей. Чуть дальше в плане персонализации ушли новостные ленты и соц. сети, которые предоставляют уникальный каждому контент.

А что если уйти еще дальше и помимо контента предоставлять людям персонализированный UI?!
Читать дальше →
Всего голосов 26: ↑23 и ↓3 +20
Просмотры 6.8K
Комментарии 26

Как делать приложения для телефонов с ограниченными возможностями

Блог компании Productivity Inside Интерфейсы *Accessibility *Дизайн мобильных приложений *
Перевод

Продуктовые команды Google вот уже несколько лет проводят исследования, чтобы понять, как правильно проектировать приложения для пользователей из Индии, Южной Азии, Африки, Латинской Америки и других регионов. В ходе работы мы установили несколько полезных паттернов, связанных с совместимостью — они позволяют нашим продуктам хорошо себя показывать на дешевых телефонах с устаревшими операционными системами, разными размерами экрана и уровнем контрастности, быстро разряжающимися батарейками и трещинами на экране. Чтобы помочь и другим разработчикам делать приложения, которые будут работать — и хорошо работать — на всех типах устройств, мы хотели бы рассказать об этих паттернах.
Читать дальше →
Всего голосов 15: ↑15 и ↓0 +15
Просмотры 2.1K
Комментарии 11

Дизайн интерфейса для игры, рисуем пак иконок

Дизайн
Tutorial
Всем привет!

Я Михаил Кравченко, дизайнер игровых интерфейсов.
Это статья о том как нарисовать пак иконок для игры. Ниже вы видите результат.



Фиксируем требования к результату


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

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

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

Вот пример такого списка:

  • Предметы должны быть похожи на другие подобные предметы из прошлых вторжений;
  • Будет 5 типов предметов — кольца, браслеты, броши, подвески и камни;
  • У каждого типа предмета будет три степени редкости. Чем более редкий предмет, тем больше силы он дает;
  • Степень редкости предмета нужно как-то показать визуально;
  • У камней помимо редкости есть 4 цвета — синий, красный, желтый и зеленый;
  • Предметы выпадают из бойцов армии вторжения, поэтому должны иметь характерные для этих противников черты и цвета;
  • Картинки нужны в формате Tga, размер — 128x128 пикселей.
Читать дальше →
Всего голосов 23: ↑21 и ↓2 +19
Просмотры 12K
Комментарии 6

В 1С UX/UI дизайна нет

Дизайн мобильных приложений *Управление разработкой *Прототипирование *Графический дизайн *Дизайн

**Всё, что вы знали о UI/UX дизайне в 1С, но боялись спросить.



Скорость внедрения как типовых 1С — решений, так и разработанных с «0» — это один из краеугольных камней успеха и эффективности проектной команды, компании.


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

Читать дальше →
Всего голосов 14: ↑13 и ↓1 +12
Просмотры 12K
Комментарии 45

UI/UX-кейс: автоматизация парковок в аэропорту

Дизайн
Из песочницы
🔥 Технотекст 2020
Привет, меня зовут Стас, я специализируюсь на дизайне продуктов для транспортной индустрии. К сожалению, в Украине парковочная сфера развивается медленно, с задержкой на несколько лет — в Европе и США люди пытаются автоматизировать любые рабочие процессы.

image

В данном кейсе описан процесс превращения утомительного воркфлоу диспетчера парковки в простой и комфортный процесс. Наша цель — сохранить здоровье и нервы персонала, увеличить продуктивность команды и снизить расходы на операционку.
Читать дальше →
Всего голосов 8: ↑7 и ↓1 +6
Просмотры 2.5K
Комментарии 2
1