Всем привет! Меня зовут Александр Григоренко, я фронтенд-разработчик, и я часто сталкиваюсь с разработкой веб-интерфейсов с использованием Drag and Drop. В своей предыдущей статье про Drag and Drop я рассказывал про историю появления и развития этого подхода: появившись в первом в мире графическом интерфейсе, Drag and Drop продолжает быть одной из самых актуальных технологий и на сегодняшний день. В этой статье я хочу поговорить об особенностях проектирования дизайна и юзабилити интерфейсов с Drag and Drop. В первую очередь, я буду приводить примеры и говорить об особенностях Drag and Drop в рамках сложившихся практик в современных веб-интерфейсах, но многое из этого будет справедливо и для интерфейсов классических настольных приложений.
Дизайн мобильных приложений *
Приложения для iOS, Android, Windows Phone
Новости
Яндекс — когда дело расходится с Практикой. 10000 записей и ни одной вакансии UX/UI дизайнера. Меметика
Случай беспрецедентный, компания Яндекс, единственный техно. гигант, не использующий конструкцию UX/UI в наименовании вакансий.
Анализ проведен по данным 10 000 записей WayBack Machine страницы https://yandex.ru/jobs/vacancies/, а так же актуального списка вакансий на 31 января 2024 год (снапшот страницы). Для быстрого доступа все запросы и отдельно выделенные позиции дизайнеров сведены в таблицу.
Большая доля записей относится к интервалу 2021-2024 года. Однако, записи более раннего периода (2015), так же не содержат конструкции UX/UI.
Без углов и стресса: Формула успешного дизайна, или как правильно скруглить внутренние углы фигур
Если вы новичок в дизайне, то наверняка могли заметить, что мелочи часто играют большую роль при создании композиции. Одна из таких мелочей – внутренние углы. В данной статье я рассказал, почему они важны и как сделать так, чтобы ваше закругление углов выглядело аккуратно.
Что качать дизайнеру в 2024: 7 востребованных навыков на рынке
Эта статья для тех, кто хочет оставаться на волне прогресса, а не оказаться погребённым под нею.
О чём поговорим:
1. Как делать дизайн для ИИ, и кто делает его сейчас?
2. Для чего дизайнеру разбираться в цифрах?
3. Зачем учиться рассказывать истории?
4. Как изменилось 3D, и почему его нельзя игнорировать?
5. Чем топовые приложения отличаются от хороших?
6. Как генеративная графика перестала быть развлечением?
7. Какого дизайнера возьмут на работу в первую очередь?
Истории
Психология и UX. Вортекс — ловушка для пользователей
Вортекс / Vortex — поведенческий шаблон , который начинается с намеренного взаимодействия с продуктом, за которым следует серия незапланированных действий. Эта цепочка создает ощущение «затягивания» в цифровое пространство, заставляя пользователя чувствовать потерю контроля.
Что можно улучшить в приложении? часть 2. Крадем как художники у Lamoda
Продолжаем серию публикаций по улучшению юзабилити мобильных приложений. Сегодня сравниваем лидера рынка, самописное и на конструкторе. Делимся, что можно позаимствовать из Lamoda и какие ошибки совершают разработчики.
Выбор размера
Выбор подходящего размера – стрессовый момент при заказе одежды в интернет-магазине, ведь никто не хочет с упоением ждать обновку, а затем расстроиться из-за висящих рукавов.
Для того чтобы не оказаться в такой ситуации и придумали размерные сетки, с помощью замеров можно понять, что подойдет вам. Но кто хочет вставать с диван во время дум-скроллинга и искать по всей квартире сантиметр?
Я обычно пользуюсь именно описанием параметров модели и фотографиями, как сидит вещь на нем. Это быстро и мне сразу понятно, какой крой будет у футболки или кофты.
UX – как лучше улучшать
На примере создания аккаунта в финансовом сервисе я покажу как построить и запустить процесс улучшения User Experience продукта. Что и в каком порядке делать продуктовому дизайнеру, чтобы никого не взбесить, и чтобы всем в команде стало лучше.
Начнём разбор с простого экрана загрузки фотографии паспорта.
ROBODORO: трекер времени для iOS от red_mad_robot
Рассказываем, как инициативная группа R&D red_mad_robot создала лаконичное и красивое приложение для управления временем с использованием Live Activity и Dynamic Island. Его уже можно скачать в AppStore.
UI / UX — когда миллионы людей ошибаются
UI-дизайн — это про то, как выглядит интерфейс, UX — про то как с ним работает пользователь. Хочется спросить — «Вы откуда это вообще взяли»?
Как появился графический интерфейс пользователя: история в лицах, деталях, фактах и курсорах
Графический интерфейс пользователя, каким мы его знаем сегодня, возник в результате десятилетий исследований множества инженеров и ученых. Программа Sketchpad Айвена Сазерленда, созданная в 1962 году, считается первым графическим интерфейсом пользователя.
Дуглас Энгельбарт изобрел компьютерную мышь в 1964 году, чтобы преодолеть ограничения световых перьев. Конструкция мыши продолжала развиваться. Исследователи PARC разработали первые растровые окна и меню, которые реагировали на ввод данных мышью. Дэвид Кэнфилд Смит в 1975 году ввел термин «иконка» для описания графических символов, представляющих программы и данные.
Xerox Star в 1981 году коммерциализировал многие из этих концепций графического интерфейса, а Macintosh от Apple в 1984 году сделал их общепринятыми. В настоящее время ведутся юридические споры о том, кому принадлежат права интеллектуальной собственности на различные элементы графического интерфейса пользователя, такие как окна и значки.
Как проектировать системы уведомлений в приложениях: дизайн, этапы и нюансы архитектуры
Почему уведомление — это не только иконка колокольчика, как работает и без чего не может существовать вся система и какие артефакты будут полезны в работе. Рассказываем о своём опыте с трёх сторон.
«Они убивают Lottie — молодцы!»
Привет, Хабр. Меня зовут Алексей, я разрабатываю мобильные приложения на Flutter в Пиробайте. Помимо этого увлекаюсь моушн-дизайном. В прошлый раз рассказывал о том, почему Flutter Web (не) мертв. Сегодня предлагаю продолжить наш тру-крайм в мире разработки и снова узнать кто кого убил, за что убил и убил ли вообще. Наш сегодняшний герой — инструмент для создания анимации Rive.
Если в предыдущей статье главная жертва была в общем-то беззащитна и легко пала под натиском убийцы, то в этот раз все гораздо сложнее и запутаннее: противостояние этих двух платформ — Lottie и Rive — можно назвать напряженным психологическим триллером о политике. И я сейчас объясню почему.
Lottie — крайне полезный инструмент для создания анимации, однако далеко не идеальный. А когда у основного игрока начинают появляться проблемы, появляются те, кто с удовольствием начинают на него давить. Медленно, но верно подтачивая ноги глиняного колосса.
Разработка мобильных приложений для бизнеса: как создавать кроссплатформенные решения быстро и относительно дешево
Как аутсортсинговой компании к веб разработке добавить мобильную разработку.
За этот год мы силами одной команды разработчиков создали с нуля и зарелизили 6 приложений для Android и iOS. В этой статье я расскажу, как выстроить процесс, чтобы быстро создавать качественные продукты, как кроссплатформенная разработка на Flutter помогает экономить время и деньги, а также, сколько стоит разработка приложения для бизнеса и из чего складывается цена.
Ближайшие события
CX Camp Росбанка: что мы узнали о клиентском опыте и его трансформации с помощью jobs to be done
В октябре у нас в Росбанке прошел CX Camp — офлайн-мероприятие на целый день с приглашенными экспертами, дискуссиями, воркшопами и, конечно же, тимбилдингом под вечер. Темой кэмпа стал клиентский опыт и, в частности, применение к нему инструмента jobs to be done. В этом посте мы поделимся основными тезисами экспертов из разных компаний, которые выступили в тот день.
10 тёмных паттернов в UX-дизайне и как их избежать
Тёмные паттерны в UX-дизайне представляют тактики манипуляции, склоняющие пользователей к совершению действий, выгодных в первую очередь компаниям, зачастую в ущерб пользовательскому опыту.
К типичным тёмным паттернам относятся давление на чувства, ложная срочность, заманивание, сбор личных данных, навязывание, подсовывание, маскировка рекламы, намеренное введение в заблуждение, паттерн «Roach Motel», предвыбор нежелательных опций, добавление лишних товаров в корзину, спам-рассылка по друзьям, автоматическое продлевание платной подписки после её окончания и не только.
Такие паттерны построены на ловком использовании особенностей человеческой психологии с целью наживы, но при этом способны подорвать доверие пользователей.
Во избежание использования тёмных паттернов дизайнерам следует делать акцент на прозрачности, предоставлении контроля пользователю, а также этических практиках разработки. Такой подход способствует положительному пользовательскому опыту и взращиванию лояльности со стороны клиентов.
Механизм экспорта растровых изображений в Figma: как изменяется качество изображения
Механизм экспорта растровых изображений с масштабированием в Figma полезен для разработчиков Android и iOS. Это связано с разной плотностью пикселей на экранах мобильных устройств. Для максимального использования возможностей устройств рекомендуется экспортировать изображения под конкретную плотность пикселей.
Android-разработчики при экспорте из Figma используют масштабирование x1, x1.5, x2, x3 и x4. iOS-разработчики предпочитают x1, x2 и x3.
Как разработка приложения о воде «вылилась» в бизнес-концепцию
Этот невыдуманный рассказ о разработке моей командой на заказ необычного водного трекера (приложение ЗОЖ-тематики), который впоследствии стал своего рода пинком для проекта помасштабнее. Я расскажу о различных нюансах разработки, а также о том, до чего эволюционировала в итоге сама концепция. Быть может, начинающие IT-предприниматели или команды, которым интересен опыт своих коллег почерпнут из этой личной истории что-то для себя.
Приветствую! Меня зовут Громова Алена и я основатель компании мобильной разработки, существующей на рынке с 2018 года. До получения от компании-партнера заказа на водный трекер мы уже успели поработать в различных отраслях разработки. Уже были тогда в нашем портфолио маркетплейс, приложение для охраны больших периметров, блогерское приложение под многомиллионную аудиторию, но нигде еще не попадались столь нестандартные креативные задачи. Я расскажу об этом опыте (и не только об этом).
Что можно улучшить в своем приложении? Крадем как художники у Яндекс.Еды
Статья для тех, кто делает приложения для себя или заказчика. Особенно если вы из horeca.
Сравнили несколько приложений — лидера рынка, на коде и на конструкторе. Поняли, что не у всех продумано юзабилити, из-за чего бизнес может терять прибыль. Поэтому делимся, что можно позаимствовать из приложения Яндекс.Еды.
Как мы перешли на кроссплатформенность в середине проекта и успели в срок
Всем привет! Если вы пользуетесь СберМаркетом, то могли заметить, что теперь мы доставляем еще и из ресторанов. Мы смогли запустить сервис доставки всего за полгода, но это был немного безумный проект, который мы делали в условиях первого правила бойцовского клуба. Теперь, когда все выдохнули, мы наконец-то можем рассказать, как это было.
Мы — это ведущий дизайнер СберМаркета Настя Винокурова, продуктовый дизайнер Катя Вороненко и вся наша команда. Если кратко, это было так:
Как дизайнеры воруют и почему это нормально
Долго думал писать или не писать эту статью, ведь скорее всего святые моралисты закидают меня помидорами. Но давайте будем реалистами, 70% дизайна продукта это применение бест практис от других продуктов, смежных или нет - пофиг.
Вклад авторов
-
jvetrau 1426.0 -
iskros 199.0 -
kamushken 196.0 -
iamshpeht 146.0 -
m1rko 136.0 -
ProductivityInside 124.2 -
YourDestiny 124.0 -
nickivanov 111.0 -
debug45 106.0 -
tayalav 106.0