Pull to refresh
  • by relevance
  • by date
  • by rating

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

Alconost corporate blogDevelopment for iOSDevelopment of mobile applicationsInterfacesMobile applications design

Часть 2


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


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



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

Читать дальше →
Total votes 19: ↑18 and ↓1 +17
Views7.7K
Comments 11

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

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

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

Мой vs Ваш


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

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

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

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

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

image
Читать дальше →
Total votes 58: ↑43 and ↓15 +28
Views62K
Comments 62

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

Productivity Inside corporate blogInterfacesMobile applications designGraphic design
Translation

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

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

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

True Engineering corporate blogWeb designInterfacesUsabilityMobile applications design
Сегодня расскажем, как пришли к необходимости создания единой UI/UX-системы для разных приложений одного из наших заказчиков. О том, какие принципы в нее заложили и как технологично дизайн-экосистему упаковали.

image

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

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

Cloud4Y corporate blogWeb designWebsite developmentSystem Analysis and DesignStudying in IT
Translation
Улучшаем дизайн проекта с помощью тактически грамотных действий, а не таланта.

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

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

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

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

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



Читать дальше →
Total votes 68: ↑67 and ↓1 +66
Views49.3K
Comments 28

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

InterfacesUsabilityDesign

image


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

Читать дальше →
Total votes 120: ↑111 and ↓9 +102
Views47.8K
Comments 748

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

True Engineering corporate blogInterfacesUsabilityMobile applications design
Мы разрабатываем рабочие инструменты для сотрудников и партнеров заказчика. Большинство созданных нами модулей содержит таблицы, реестры, карточки с детальной информацией.

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

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

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

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



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

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

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

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

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


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

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

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

ProgrammingInterfacesUsabilityProfessional literatureBrain
Sandbox
Привет, Хабр! Представляю вашему вниманию перевод статьи «Controlling Your Environment Makes You Happy» автора Джоэля Спольски.

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

image

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

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

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

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

Web designData visualizationMobile applications designMobile App AnalyticsDesign
Translation


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

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

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

Сбер corporate blogPythonBig DataIT career
Привет, Хабр!

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

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

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

image
Читать дальше →
Total votes 20: ↑14 and ↓6 +8
Views6.1K
Comments 2

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

Development of mobile applicationsDevelopment for AndroidKotlinMobile applications design
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
Читать дальше →
Total votes 8: ↑8 and ↓0 +8
Views18.8K
Comments 5

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

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

А что если уйти еще дальше и помимо контента предоставлять людям персонализированный UI?!
Читать дальше →
Total votes 26: ↑23 and ↓3 +20
Views6.5K
Comments 26

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

Productivity Inside corporate blogInterfacesAccessibilityMobile applications design
Translation

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

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

Design
Tutorial
Всем привет!

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



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


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

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

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

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

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

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

Mobile applications designDevelopment ManagementPrototypingGraphic designDesign

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



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


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

Читать дальше →
Total votes 14: ↑13 and ↓1 +12
Views11.2K
Comments 45

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

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

image

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

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

Industrial ProgrammingDesign
Sandbox
Привет! Меня зовут Георгий, я дизайнер.

Пока мы все сидим по домам, я решил поделиться опытом в разработке дизайна интерфейсов для промышленной автоматизации.Так сложилось, что дизайном приложений и сайтами занимается большое количество профессионалов. А вот хороших специализированных интерфейсов, предназначенных для управления инженерными системами не так уж много.
Читать дальше →
Total votes 18: ↑18 and ↓0 +18
Views7.5K
Comments 24

Создание интерфейса для игры

Game developmentInterfacesGraphic designGame designDesign
Tutorial
Всем привет.

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

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




Читать дальше →
Total votes 23: ↑22 and ↓1 +21
Views18.4K
Comments 28
1