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

Figma выкатила новый Auto Layout

Mobile applications design *Design

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

Читать далее
Total votes 4: ↑3 and ↓1 +2
Views 6.1K
Comments 2

Figma: Scroll to новая фича

Mobile applications design *Design

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

Локализованный файл лежит тут

Отрезок в статье тут

Читать далее
Total votes 7: ↑4 and ↓3 +1
Views 7K
Comments 15

7 апреля состоится онлайн-саммит TBD PRO про продуктовый дизайн в геймдеве

VK corporate blog Interfaces *Conferences Game design *

7 апреля 2021 года пройдет онлайн-саммит на платформе The Big Deal по теме UI/UX. Событие продолжит серию профильных мероприятий от MY.GAMES TBD PRO, на которых эксперты из разных сфер геймдева делятся опытом и обсуждают самые актуальные темы игровой индустрии. Кураторами программы саммита выступает студия Pixonic, входящая в состав MY.GAMES, а поддержку мероприятию окажут медиапроект о видеоиграх PLAYER ONE, образовательные платформы Geekbrains и Skillbox и производитель аксессуаров для компьютеров Trust.

Подробнее про мероприятие
Total votes 6: ↑6 and ↓0 +6
Views 337
Comments 0

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

Wargaming corporate blog Game development *IT career

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

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

Читать далее
Total votes 5: ↑4 and ↓1 +3
Views 2.4K
Comments 0

Long story short — митап для UX-специалистов

СберМаркет corporate blog Interfaces *Usability *Conferences Design

14 октября в 18:00 приглашаем на онлайн-митап СберМаркета для UX-писателей, дизайнеров и всех, кто работает с текстом в продукте — поговорим, как проверить текст, прокачать эмпатию и работать с эмоциями.

Регистрируйся по ссылке тут.

Узнать подробности
Total votes 6: ↑6 and ↓0 +6
Views 252
Comments 0

WORLD USABILITY DAY 2021 – три онлайн-конференции от банка «Открытие», USABILITYLAB и Университета ИТМО

Банк «Открытие» corporate blog Usability *IT career Conferences

Привет! На следующей неделе – 11, 12 и 13 ноября – мы проведем три онлайн-конференции для всех, кто интересуется темой юзабилити в современном бизнесе и особенно – в банковской сфере в России.

На WUD всегда есть Guest Star – в прошлом году это был Якоб Нильсен, а в этом году по приглашению банка «Открытие» выступит Эрик Райс (Eric Reiss), который расскажет про 7 вещей, которые определят будущее банковского UX.

Читать далее
Total votes 3: ↑3 and ↓0 +3
Views 177
Comments 0

Telegram-like анимированный placeholder для HTML-инпутов

CSS *JavaScript *HTML *
В качестве улучшения UX/UI я часто сижу и думаю, что можно было бы улучшить в приложении, чтобы пользователю было чуточку веселее пользоваться им.

Как-то раз я заметил интересную анимацию placeholder'a в нативном Desktop приложении Telegram. Подумал, что будет интересным способом использовать такое и в своих проектах.
Читать дальше →
Total votes 14: ↑9 and ↓5 +4
Views 11K
Comments 9

11 шагов к хорошему интернет-магазину

GTD *E-commerce management *
Вместо эпиграфа: предыдущий обзорный пост на эту тему (не мой) здесь датируется аж 2010 годом, и я решил освежить тему. Если вы знаете владельцев интернет-магазинов, пожалуйста, покажите им эту статью.

Спасибо!


Вы уже сделали ваш собственный интернет-магазин или только собираетесь, или сделали уже десятки сайтов магазинов на заказ? Как постоянный пользователь десятков интернет-магазинов в России, США, Великобритании, Германии, Китая и Финляндии, я очень вам благодарен: интернет-магазины сделали мою жизнь удобнее, и сейчас проще заказать все, что мне надо, не выходя из дома.

Еще в 2010 году о таком изобилии интернет-магазинов я не мог и мечтать. И сейчас пришел мой черед помочь тем, кто управляет, владеет или собирается управлять интернет-магазином: ваш преданный покупатель хочет, чтобы ваш бизнес процветал, особенно в кризисное время.

Читать дальше →
Total votes 12: ↑12 and ↓0 +12
Views 25K
Comments 2

Создание музыкальных интерфейсов

Productivity Inside corporate blog Interfaces *Usability *Mobile applications design *Sound
Translation
Звонок будильника, характерный писк, с которым открываются дверцы машины — мы постоянно взаимодействуем с техникой посредством звуков. Тем не менее, у многих сохраняется убеждение, что интерфейс транслирует информацию преимущественно через экран, в то время как огромный потенциал языка звуков остается без внимания.



Я занимаюсь дизайном уже 16 лет, а в свободное время пишу музыку. Владение этими навыками утвердило меня в мысли, что интерфейсы должны объединять в себе как минимум звук и изображение. Команда из компании Udemy, где я сейчас работаю, в данный момент разрабатывает новый подход к обучению. В ходе мозгового штурма возникла идея подключить звуковые сигналы к промежуточным экранам. Я увлекся и стал экспериментировать с синтезатором and MIDI-сэмплами, чтобы обеспечить пользователю аудиофидбэк в процессе прохождения и завершения курса. Мы пробовали разные инструменты, аккорды и темп. Сложность заключалась в том, чтобы аудиоконтент осмысленно демонстрировал прогресс и вместе с тем, выражал ценности нашей компании. Какие звуки могут рассказать о нас? В итоге мы остановились на коротких, ненавязчивых мотивах в ля мажор, наигранных на маримбе и арфе.
Читать дальше →
Total votes 10: ↑10 and ↓0 +10
Views 11K
Comments 7

UI/UX события 2017 года, которые вас точно не утомят

Productivity Inside corporate blog Web design *Interfaces *Usability *Mobile applications design *
Какой дизайнер не хочет стать лучшим в своей области? А лучший способ узнать что-то действительно крутое – это пообщаться с людьми, которые на этом собаку съели. Поэтому сегодня мы предлагаем вашему вниманию список всевозможных интересных мероприятий (в первую очередь, посвященных теме UI/UX) как для начинающих дизайнеров, так и для продвинутых, которые вы, возможно, захотите внести в свой ежедневник.


Читать дальше →
Total votes 26: ↑21 and ↓5 +16
Views 25K
Comments 15

Рекомендации по применению Hero Images (UPD)

Productivity Inside corporate blog Web design *Interfaces *Mobile applications design *Graphic design *
Translation
Несмотря на то, что тренд по использованию Hero Image уже не так свеж, он все еще актуален. Использование подобных изображений помогает сделать ваш продукт или страницу сайта привлекательнее и мотивирует пользователя посмотреть, что же вы ему предлагаете. Сегодня мы приглашаем читателей ознакомиться с переводом статьи Ника Бабича о том, как достичь максимального эффекта, применяя данный прием.

Из статьи вы узнаете:

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


Читать дальше →
Total votes 15: ↑11 and ↓4 +7
Views 8.2K
Comments 4

Редизайн Instagram: опыт анализа и переосмысления интерфейса

Productivity Inside corporate blog Interfaces *Usability *Mobile applications design *Graphic design *
Translation
Я поставила перед собой задачу: взять приложение, которое я люблю и использую каждый день, и испытать свои творческие способности как дизайнера, заново создав его с нуля.

Instagram я выбрала потому, что стала преданным его последователем еще в 2011 году, то есть через год после его запуска.

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

Можно сказать, что я Insta-ветеран.


Читать дальше →
Total votes 20: ↑13 and ↓7 +6
Views 14K
Comments 8

Лучшие практики для поисковой выдачи

Productivity Inside corporate blog Web design *Interfaces *Usability *Mobile applications design *
Translation
Поиск — это своего рода разговор между пользователем и системой: пользователь формулирует свою потребность в информации как запрос, а система дает ответ в виде списка результатов. Поисковая выдача — ключевой компонент в процессе поиска: она позволяет завязать диалог и задать направление изысканиям пользователя.

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


Читать дальше →
Total votes 18: ↑14 and ↓4 +10
Views 8.8K
Comments 0

Создаем дизайн-систему

Productivity Inside corporate blog Web design *Mobile applications design *Graphic design *
Recovery mode
Translation
Вне всякого сомнения, о дизайн-системах меня спрашивают чаще, чем о чем-либо другом. За последние несколько лет я посвятил много времени размышлениям о том, как выстраивать, реализовывать и представлять дизайн-системы для таких продуктов, как Marvel, Bantam и Modulz, и теперь решил, что пришла пора поделиться тем, чему научился в процессе.



Что такое дизайн-система?

Ни для кого не секрет, что дизайнеры любят хорошие UI-киты. Но, по моим наблюдениям, в последнее время все больше внимания уделяется не просто наборам инструментов и руководствам по стилю, а созданию систем, которые связывают воедино целые продукты. Компании вроде Shopify и Intercom формируют особые команды, которые занимаются только и исключительно дизайн-системами. Люди начинают осознавать, как важен системный подход в дизайне. Это внушает оптимизм. Кто знает, возможно, в один прекрасный день появится инструмент для дизайнеров, который не будет предполагать, что в каждом новом проекте мы начинаем все с нуля.
Читать дальше →
Total votes 18: ↑16 and ↓2 +14
Views 20K
Comments 4

25 интересных книг для дизайнеров в открытом доступе

Productivity Inside corporate blog Web design *Interfaces *Usability *Graphic design *
Предлагаем вниманию читателей свежий список англо- и русскоязычных книг для дизайнеров, с которыми можно ознакомиться в Сети. В эту подборку вошли как издания из библиотек крупных компаний, так и работы независимых авторов.

Библиотека UX Pin



«Web Design Trends 2017»
Очередной выпуск из серии изданий о современных трендах. Описываются и препарируются практики от таких ведущих компаний, как Paypal, Adidas, Starbucks, Facebook, Spotify, Fitbit, Google и Dropbox – всего 61 пример, с подробным разбором для каждого.

Скачать

«Interaction Design Best Practices»
Шесть глав о том, как создавать отзывчивый дизайн, с которым пользователю легко взаимодействовать. В качестве иллюстраций к теоретическому материалу приводятся кейсы от крупных IT-компаний (MailChimp, Mint, Apple, KickStarter, Google, AirBnB, Netflix).

Скачать
Читать дальше →
Total votes 26: ↑23 and ↓3 +20
Views 29K
Comments 3

Детали, которые имеют значение

Productivity Inside corporate blog Interfaces *Usability *Mobile applications design *
Translation
Успешность вашего продукта определяется совокупностью факторов, самый важный из которых – пользовательский опыт в целом. При создании нового приложения или веб-страницы, отдавать предпочтение проверенным практикам – надежный путь, однако продумывая общую концепцию, мы часто забываем о тех мелочах в дизайне, которые кажутся приятным, но не критичным бонусом. А ведь именно то, насколько тщательно мы продумали эти детали, может оказаться решающим для пользовательского опыта.

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

Читать дальше →
Total votes 11: ↑9 and ↓2 +7
Views 5.2K
Comments 4

UX-рецепт подтверждения номера телефона и электронной почты

Web design *Interfaces *Usability *
Sandbox
В настоящее время интернет пестрит разными сервисами и другими ресурсами, через которые происходит движение денежных средств, размещаются заявки на предоставление различных услуг и многое другое. Эти ресурсы ведут тесную работу с пользователями и доступ, к своему профилю (личному кабинету), является очень важным фактором.
Читать дальше →
Total votes 24: ↑15 and ↓9 +6
Views 8.8K
Comments 15

Низкие ветвистые деревья

Development of mobile applications *Data visualization

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


Классическое представление дерева сущностей (например, меню разделов сайта, главное меню в программах) довольно удобно и наглядно в случае «высокого» дерева с не слишком глубокой вложенностью элементов. Будь то выпадающее меню (как главное строковое меню программ) или раскрывающееся (как в левой панели популярных файловых менеджеров), всё довольно удобно и наглядно. А что если дерево низкое и развесистое? У каждого родителя детей мало, зато вложенность достигает, скажем, 10. Или 50…


Низкие ветвистые деревья


Читать дальше →
Total votes 13: ↑10 and ↓3 +7
Views 5K
Comments 20

Проблемы React UI Kit-а и единой дизайн-системы, о которых вы не знали

TINKOFF corporate blog ReactJS *


2 сентября 2017 прошла конференция Moscow Frontend, где я на примере React UI Kit рассказывала о проблемах, которые встречаются при внедрении UI Kit в компании. Тема оказалась актуальнее, чем я могла предположить, поэтому решила опубликовать статью по этой же тематике, преследуя две цели: донести материал до людей, которые не смогли оказаться на конференции лично, и предоставить отличную возможность провести жаркую дискуссию на эту тему в комментариях.

Приятный бонус заключается в том, что после выступления и дискуссий в кулуарах в моем материале к докладу появились дополнения и нововведения. Поэтому, даже если вы были на конференции, вам все равно будет интересно прочитать статью. В конце материала я оставила несколько вопросов, на которые я попрошу ответить в комментариях. Приятного чтения!
Читать дальше →
Total votes 24: ↑22 and ↓2 +20
Views 21K
Comments 39