​​Дизайн-прожарка: что не так с мобильной версией AliExpress
🔬🤔🍳
«Дизайн-прожарка» — рубрика, в которой команда Mojo разбирает интерфейсы интернет-магазинов. Они не только находят ошибки, но и рекомендуют, как их исправить.

В прошлых выпусках они уже успели:

✨ Разобрать плюсы и минусы редизайна «М.Видео»
✨ Покритиковать визуальные решения ASOS
✨ Огорчиться невнятным поиском Wildberries
✨ Похвалить и привести в пример Ozon

Теперь замахнулись на гиганта eCommerce — AliExpress. В 2020 году компания удвоила средний чек и стала лидером по отправке посылок в России. Веский повод разобраться в UX/UI сайта.

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

В 2020 году AliExpress отпраздновал юбилей на российском рынке, но за десять лет они так и не решили проблему с автопереводом. И если странные названия или описания объясняются неграмотностью продавцов, то отсутствие локализации в пунктах меню вызывает лишь недоумение.

Видимо, не очень-то им это и нужно.
🍀
Source >>>

#case #design #ecom #product #ux

​​Скрытое vs Неактивное состояние
🌚⚖️🔕
Выбирайте неактивное состояние, когда:

✨ Кнопка временно неактивна или требует от пользователя каких-то действий для изменения ее статуса. В этом случае было бы полезно добавить пузыри-подсказки/всплывающие подсказки/кнопки раскрытия подробностей, объясняющие критерии использования и информирующие пользователей о том, какие действия они могут предпринять, чтобы активировать кнопку.
✨ Если вы хотите, чтобы пользователь знал, что элемент управления существует, но сейчас неактивен.
✨ Если пользователь где-то уже видел эту функцию, то теперь вдруг не сможет найти ее снова, если она будет скрыта. И если при этом нет никаких объяснений, почему сейчас функция пропала.

Выбирайте скрытое состояние, когда:

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

⚠️ Использование неактивного состояния – не единственный способ пометить временно отключенные действия. Вместо использования неактивных кнопок можно оставить кнопку в состоянии по умолчанию и отобразить сообщение об ошибке, объясняющее пользователю, почему он не может продвинуться дальше.

Source >>>

#case #design #product #ux #visualization

​​Top Product Management Books and Guidebooks
🥇🥈🥉
- Getting started
- Design
- Product Discovery, User Research
- Product Delivery and Development
- Growth
- Data and Measuring
- Mini Books
- Leadership / Managing Product Teams
- Entrepreneurship, Startups, Pre Product Market Fit
- Strategy
- Setting Goals and KPIs
- Others
🍀
Source >>>

#analytics #datascience #design #development #efficiency #methodology #product #strategy #tools #ux

​​ИНФОРМАЦИЯ ПРО КАНАЛ

🎯 Для постов с октября 2018 проставляю теги для ускорения поиска по определенной тематике:

#advertising рекламный рынок
#analytics аналитика
#b2b business-to-business
#case кейсы
#dev разработка
#datascience наука о данных
#design дизайн
#development личное развитие
#ecom электронная коммерция
#economics экономика
#efficiency эффективность
#event мероприятия
#experiment эксперименты
#fun смешно или интересно
#itsec информационная безопасность
#likbez ликбез
#marketing маркетинг
#math математика
#methodology методологии
#mobile мобайл
#mr маркетинговые исследования
#predictions предсказания и прогнозы
#presentation слайды
#product продукты и сервисы
#psychology психология
#report отчеты
#retail ритейл
#science наука
#sociology социология
#statistics статистика
#strategy стратегии
#technology технологии
#tgchannel реко других каналов (не реклама)
#tools инструменты
#trends тренды
#ux пользователи и интерфейсы
#visualization визуализации

🧠 Канал – это не только новости, но и база знаний, поэтому ищите интересующую вас тематику через поиск и хронологическую навигацию по постам:
Q3-2016
Q4-2016
Q4-2017
Q1-2018
Q2-2018
Q3-2018
Q4-2018
Q1-2019
Q2-2019
Q3-2019
Q4-2019
Q1-2020
Q2-2020
Q3-2020
Q4-2020
Q1-2021
Q2-2021
Q3-2021
Q4-2021
Q1-2022
Q2-2022
Q3-2022
Q4-2022
Q1-2023
Q2-2023

🗄 Полный архив канала, обновляется 1 раз в месяц - 10 числа. Сохранить все на диск и открывать в браузере файл messages.html
Последнее обновление 10.04.2023 >>> Архив

👨‍💻 У канала есть фейсбук-представительство >>> InsightStream в FB

#development #efficiency #tools #ux

​​Seven principles of effective digital navigation
7️⃣🧭🗺
Disclaimer: Старенькое, но по-прежнему актуальное!

1. Momentum: Keep people moving forward
2. Unity: Make navigation as unified as possible
3. Twins: Design for the journeys customers are on
4. Minimalism: Have navigation take up as little space as is practical
5. Clarity: Navigation must immediately communicate what it is — and what it is not
6. Fidelity: A link is a promise. Navigation should keep its promises
7. Magnetism: Maximize clean magnetism. Minimize dirty magnetism
🍀
Source >>>

#case #design #efficiency #product #ux

​​Prominence-Interpretation Theory by Therese Fessenden
🤩
Summary: Prominence-interpretation theory helps determine what shapes users’ perceptions of a site’s credibility.

Prominence is influenced by:

1️⃣ User involvement:
how motivated users are and how likely they are to look around the site. Visitors already familiar with the company might scrutinize the site less.

2️⃣ Topic of the site: news, entertainment, ecommerce, and so on. The same attribute can stand out on one genre of site or be very typical for a different site.

3️⃣ Task: seeking information, leisurely browsing, buying products, and so on. The user’s task will influence what that person pays attention to and is likely to notice.

4️⃣ Experience of the user: expert vs. novice in the subject matter. Novice users may read more extensively or seek different information than experts. Expert users may also scrutinize some sites more harshly than others, depending on their expectations.

5️⃣ Individual differences: a person’s literacy level, age, background knowledge, and so on. Different people come with different cognitive and physical abilities; these abilities will influence what stands out for them on a page.

Interpretation is influenced by:

1️⃣ Assumptions in a user’s mind: culture, past experiences, cognitive biases, and so on. Users’ personal histories will bias their interpretation of the page elements. For example, an illustration with a party blower in someone’s mouth may be interpreted correctly by an American user and generate a positive connotation, but to someone from a different culture, where party blowers are not as common, it may look like a cigarette and be interpreted negatively.

2️⃣ Skill/knowledge: user’s level of competency in the subject matter. While influencing prominence, skill can also influence interpretation. A lawyer or a security expert may seek privacy policies before entering personal details in a form, while others may be oblivious to potential risks.

3️⃣ Context: user’s expectations, environment, situational norms, and so on. Users have certain expectations about a site based on standards that they have learned on other sites and on what they think is reasonable. For example, they may be ok with sharing their location with a map application, but they may cringe when a flashlight app asks them to do so.

Conclusion

Creating a credible site and studying users’ impressions is not as elusive as one may think. There may not be a perfect formula for it, but with a careful assessment of elements on our pages we can determine whether our designs convey the right message. Establishing this credibility early on will ensure that our customers trust us. Trust, after all, is the first step to a building a lasting relationship.
🍀
Source >>>

#case #design #efficiency #methodology #product #tools #ux

​​Чем продакт-дизайн отличается от UI/UX
👩🏻‍🎨🤔📱
Когда мы слышим такие термины, как UI/UX дизайн или продакт-дизайн, единственное, в чем мы точно уверены, – это в том, что речь идет о разработке чего-то для пользователя/покупателя. Того, что он видит и с чем взаимодействует, что бы мы ни предлагали. Тем не менее, эти два термина очень широки с точки зрения бизнеса.

UI (дизайн пользовательского интерфейса) – это конкретно дизайн экранов вашего мобильного приложения, сайта и т. д. Он включает в себя высококачественную графику и привлекательные креативы. Говоря коротко, пользовательский интерфейс – это все, что мы видим на конкретном экране, включая все изображения, иконки, шрифты, анимации и эффекты.

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

UX включает в себя море документирования и мозгового штурма, а UI придает UX тот вид, который понравится пользователю. В этот процесс входит множество подразделов. Например, user flow (пользовательский сценарий), вайрфрейминг, прототипирование, создание пользовательского интерфейса и т. д.

В наши дни, в эпоху многочисленных стартапов, продуктовый дизайн особенно популярен. Объясняя термин одной строчкой, продакт-дизайн – это плюс-минус тот же UI/UX для продукта с учетом бизнес-перспективы. Это означает, что у нас так много бизнес-ограничений с разных точек зрения (вроде продаж, технологий и операций), что это делает дизайн ориентированным и на пользователя, и на бизнес одновременно.
🍀
Source >>>

#design #product #ux

​​Что делает доступный дизайн доступным: 9 лучших практик
💻🤩📲
Люди разработали руководства по удобству использования и доступности дизайна, такие как WCAG. Они помогают дизайнерам не упускать из виду пользователей с аудио-, зрительными и когнитивными нарушениями при создании своих программ. Сегодня поговорим про дизайн, доступный во всех смыслах.

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

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

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

1️⃣✨ Пишите полезные alt-теги
2️⃣✨ Используйте четкие заголовки, подписи и разметку в своем контенте
3️⃣✨ Включите изменение размера текста
4️⃣✨ Убедитесь, что ваш сайт поддерживает шорткаты
5️⃣✨ Следите за цветовым контрастом
6️⃣✨ Поддерживайте новые идеи доступности
7️⃣✨ Проводите аудит доступности ваших продуктов
8️⃣✨ Используйте другие визуальные подсказки, кроме цветов, при передаче сложной информации
9️⃣✨ Эффективно используйте индикаторы фокусировки

Доступный дизайн хорош для бизнеса, а не только для пользователей.

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

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

#design #efficiency #product #strategy #tools #ux

​​TECHNOLOGY MYTHS AND URBAN LEGENDS
🤖🎃🧙‍♂️
Summary: When users don’t clearly understand how systems function, they develop unique (and often incorrect) theories to explain their experiences.

Frequently in user research, we hear people describe how they think technology works. Sometimes those theories are accurate, but most often they are not. Through the many user interviews, field studies, and user testing sessions that we’ve conducted for Nielsen Norman Group’s Life Online project, we heard many technology-related myths.
📌
Technology myth: An (often inaccurate) user-generated theory about how a system functions, based on personal perceptions or second-hand experiences rather than any true understanding of the system’s functionality.

We also observed how these myths impact user behavior and spread from user to user, effectively becoming urban legends.

HOW TECHNOLOGY MYTHS IMPACT USER BEHAVIOR

Users’ beliefs (accurate or inaccurate) about a system form their mental model: their unique, internal understanding of how that system works. That mental model influences the actions the user will take in the system.

When the user’s mental model is substantially different from the reality of the system, UX problems arise. Thus, these technology myths and urban legends, while interesting, can be harmful. Consider the examples above:

✨ Removing the text entered in every form submitted online is a waste of time and a reason to avoid filling out forms on the web.
✨ Avoiding one channel for fear of increased prices means more planning and less convenience.
✨ Switching devices for the same flight search means extra work entering the same information twice.

In all these situations, the end result is a high interaction cost: people need to plan and spend effort getting around the (real or imaginary) hurdles raised in front of them by these myths.

HOW TO DISPEL TECHNOLOGY MYTHS

Most technology myths fall into one of three categories.

⚡️ System-specific: A myth developed specifically about your product or a feature in your UI (e.g., the flight price recommendations on Kayak.com)
⚡️ Industry-specific: A myth developed about your industry or larger product type (e.g., airlines)
⚡️ Universal: A myth that applies across products and industries, and that usually relates to some basic element (e.g., form fields)

While researching your users and evaluating your products, watch out for system-specific technology myths. Investigate whether it’s a belief unique to an individual user or is a widespread urban legend. Look for other clues as well: Does the feature generate a lot of questions for your support team or on social media? If so, it’s a good indication that your users are confused about how it works and will come up with their own explanations.

If you find a technology myth in your research, consider what it says about your product. If the myth is harmful to your interaction design, change how you communicate that feature to users and show explanation messages to clarify how your system works.

In many cases, it’s better to hide the complexity and show only what users need to know, to avoid confusion. However, the existence of technology myths or urban legends can be a clue that more explicit communication with your users is needed.

Industry-specific and universal technology myths are more difficult to detect and correct than system-specific myths. These are behaviors and misinterpretations that users picked up from their experiences with other systems. However, all technology myths arise from a lack of understanding. Being aware of these misunderstandings and clarifying through communication is the best approach to counteract any technology myth.
🍀
Source >>>

#design #efficiency #product #psychology #sociology #technology #trends #ux

​​HOW TO ADD PRODUCT FEATURES WITHOUT MAKING IT MORE COMPLEX
🚀
It’s easy add features to a design or product. It’s really really hard to do that without also making the product more complex.

Adding functionality whilst reducing complexity is very very difficult, and often requires some very drastic changes beneath the surface.

Your job as a product or designer requires you to constantly be fighting a war between adding in features whilst simultaneously improving user experience (sounds like an oxymoron). But whilst we can’t all be Steve Jobs, we can definitely implement some basic design principles that will help us in our struggles between better vs simpler.

There’s one key principle that can have some very powerful effects on how you approach your design & product work, especially when you can’t easily simplify — that is the concept of: Default Valid vs Default Invalid.

By default, when you call a taxi company, and ask for a taxi to take you downtown, your request is invalid. It’s invalid because they don’t know where you are. Compare that to the Uber app. When you open the Uber app and put in ‘downtown’ as your destination, your request is default valid. Because the app knows where you are. It’s not forcing you to enter that in before you can proceed with your request. Even if your GPS is tripping balls and thinks you’re a block over from where you actually are, and you have to move the pin back to where you actually are, it still feels like less work than entering in your current location.

When your product or interface is default invalid, subconsciously what you’re saying to your user is “you need to do X amount of work before you can even start using this service”. Compare that to when you take the default valid approach, you’re saying to your user “you don’t need to do anything, you can get started right away! But feel free to customise it to better suit your needs once you’re in.”

⚠️ Those are two very, very different messages.

Thinking about ‘default valid’ in your own projects

❓ What other products can you think of that implement this kind of design logic? How do you think it impacts its users?
❓ Are there opportunities for you to implement this in your own projects?
❓ Is absolute accuracy and up-front user information more important for you or is higher conversion rates / product adoption?
❓ If you’re lacking user-supplied information, what ways can you infer that through other means (device metrics, estimates from existing data, machine learning predictive algorithms)?
❓ What’s the quickest and simplest way to A/B test this against the current version?

🍀 Source >>>

#case #design #efficiency #product #psychology #strategy #ux

​​ДЕЛАЕМ РЕДИЗАЙН ИНТЕРНЕТ-МАГАЗИНА С УМОМ. ГДЕ БРАТЬ ИДЕИ И КАК ИХ ПРОВЕРЯТЬ
Почему нужно перестать менять дизайн раз в три года.
🎨
Требования к качеству клиентского опыта и цифровизации выросли до небес — всему виной коронавирус, ускоривший переход всего и всех в онлайн. Ставки растут и уже больше половины предпринимателей боятся принимать решения и тратить деньги.

Классический подход «Делаем тотальный редизайн каждые N лет» давно не работает.
Вот почему:

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

Проблемы в экономике ускорили гибель тотального редизайна: кто сейчас готов потратить миллионы на редизайн с неизвестными и неизмеримыми результатами?

Нужно двигаться к продуктовому подходу — и постепенным изменениям

Продукт – это не товар или услуга, которую вы продаёте. Это ценностное предложение, которое решает проблемы целевой аудитории.

Клиенты приходят за хорошим опытом: исследование PwC говорит, что 59% клиентов готовы разорвать отношения с брендом после пары кейсов негативного опыта. То же исследование показало, что 42% людей готовы платить больше за удобство — и это почти половина ваших клиентов. Поэтому так важно следить за тем, чтобы их проблемы действительно решались — это суть продуктового подхода.

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

Выводы:

📌 Формат «меняю сайт раз в десять лет» устарел: в нынешних условиях крупные единоразовые изменения обойдутся дорого, а их результат нельзя спрогнозировать и измерить. Вместо этого вносите изменения постепенно.
📌 Воспринимайте свои идеи как гипотезы, которые нужно проверить. Генерировать идеи и гипотезы можно разными способами — рассказываем о них в статье.
📌 Изучайте свою аудиторию и собирайте фидбек: настройте сервисы веб-аналитики, дайте своим пользователям возможность высказаться — например, в специальных окнах для сбора обратной связи. В идеале — проведите с подрядчиком полноценное исследование аудитории. Это тоже поможет генерировать гипотезы.

🍀 Source >>>

#case #design #ecom #product #strategy #trends #ux

​​EVERYTHING YOU NEED TO KNOW ABOUT SKELETON SCREENS
☠️📲
Skeleton screens in different shapes and sizes are seemingly found everywhere across the web and apps — anywhere humans are forced to wait.

Research summary (TL;DR)

⚡️ Skeleton screens (as splash screens), when used to indicate that a screen is loading, are perceived as being shorter in duration when compared against a blank screen (our control) and a spinner — but not by much
⚡️ Skeleton screens should not block gradual content loads (real content should replace skeleton objects immediately when the data is available). The vast majority of skeleton screens in use today are splash screens, and not skeleton screens in the original way described by Luke Wroblewski
⚡️ When designing skeleton screens, it’s recommended using motion to further decrease perceived duration time
⚡️ Skeleton screens that leverage motion that moves from left to right (e.g. a wave or shimmer like animation, much like Facebook or Google uses) are perceived as shorter in duration than skeletons that pulse (opacity fading in and out)
⚡️ Skeleton screens using motion that is slow and steady are perceived as shorter in duration than skeleton screens that use fast or rapid motion
⚡️ The sample sizes in this study are too small to conclude anything definitively, but they do provide useful hints as to how we could design waiting experiences

As Peter Conrad best put it, “Modernity is about the acceleration of time”. From pure personal observation, the truth of this seems self-evident. Our culture’s patience thins daily, our walking pace has seemingly quickened to near jogging speeds, and our waning tolerance for all things even mildly idle in nature has given way to an entire industry of productivity pundits.

In this human rebuke of slowness will undoubtedly arise new anxieties and irrational impulses. And perhaps new ways to stanch our fear that time is slipping from our grasp — as we sit and quietly contemplate skeleton screens.

🍀 Source >>>

#analytics #case #design #efficiency #experiment #product #psychology

​​КОЛОРИЗАЦИЯ ЧЕРНО-БЕЛЫХ КАРТИНОК И ФОТО
⚫️⚪️ ➡️ 🎨

“Palette — a vibrant AI colorizer app. Think instagram filters, but more intelligent”

Простой инструмент с отличным качеством.

🍀 Original >>>
🍀 Source >>>

#datascience #design #dev #product #technology #tools

​​DESIGNOPS, СТРЕМИТЕЛЬНО ВОРВАВШИЙСЯ В ТРЕНД by Юра Ветров
👩🏻‍💻🎨

Баззворд «DesignOps» грозится вытеснить «UX-стратегию» и другие термины для описания дизайн-менеджмента. Он периодически всплывал в последние годы, но с подачи методички «DesignOps Handbook» от InVision ворвался на вершину хайпа. При этом нового смысла не создаётся — скорее переупаковали то, о чём последние лет пять рассказывали под маркой UX-стратегии, дизайн-менеджмента и дизайн-лидерства.

Ops, I did it again! Дизайнеры, как цыгане, постоянно кочуют от тренда к тренду и любят новые блестящие штуки ― термин и концепцию DevOps уже натягивают на дизайн-системы (Design Systems Ops) и пользовательские исследования (ResearchOps). Jared Spool говорит, что «что-нибудь»-ops — это новое «что-нибудь»-мышление.

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

Чёрт, это попахивает терминологическим спором, самой бесполезной тратой времени после создания погодного чат-бота. Но так уж устроен рынок ИТ — всегда будут появляться новые горячие слова для подбадривания продаж услуг консультантов. Да и не все обновления терминов плохи. В конце прошлого года тренд отметил TechRadar, что достаточно серьёзное подтверждение потенциально широкого интереса.

Хотя DesignOps просто переупаковывает уже известные подходы, термин поставил очень грамотный фокус — развивать дизайн-процессы, инструменты, методы и практики под масштабирование. Т.е. инициативная группа улучшает инфраструктуру компании для реализации хорошего дизайна, чтобы ими мог легко воспользоваться любой дизайнер в компании. Это то, что отличает его от остальных. Централизованные дизайн-команды и так живут по этому принципу; в более современной модели а-ля Spotify речь об отдельной команде, которая работает с остальными по внедрению лучших практик.

🍀 DesignOps Handbook in PDF >>>
🍀 Source (RUS) >>>
🍀 Original (ENG) >>>

#design #efficiency #methodology #product #tools #ux

​​ПОДБОРКА ПРЕЗЕНТАЦИЙ ПРО ДИЗАЙН С THE DESIGNOPS SUMMIT (старенькое, но актуальное) - КОММЕНТАРИИ by Юра Ветров
🗃🔮

1. Leisa Reichelt (Atlassian) ― Здорово о том, как структура и методы работы дизайн-команды зависят от головной компании.

2. Brennan Hartich (Intuit) ― Очень простая и понятная метрика оценки продуктивности дизайн-команды ― сколько времени дизайнер тратит непосредственно на дизайн. Она облегчает инвестиции в дизайн-менеджмент.

3. Chris Moses (athenahealth) ― Крутейший подход к формированию и разбору дизайн-долга.

4. Алёна Югина (Shopify) ― Системный подход к инсайт-системе.

5. Jason Mesut ― Карта компетенций продуктового дизайнера на базе его недавней статьи.

6. Courney Kaplan (Facebook) ― Про опыт Design Program Management (популярный термин на конференции) и стремительный рост дизайн-команды (с 2 до 300 дизайнеров за 5 лет).

7. Maria Skaaden (Bekk) ― Единственный кейс, но очень толковый.

8. Doug Powell (IBM) ― Как управлять 1800 дизайнерами и измерять успешность дизайн-организации.

🍀 Source >>>

#case #design #efficiency #event #presentation #product #tools

​​USABILITY HEURISTIC FRAMEWORKS: WHICH ONE IS RIGHT FOR YOU? GOING BEYOND NIELSEN’S USABILITY HEURISTICS (WITH INFOGRAPHIC)
🤓🔎📲

What is a heuristic evaluation?

A heuristic evaluation is a process where evaluators assess the usability of an interface against established usability principles. Usability expert Nielsen Norman Group states:

“Heuristic evaluation is a usability engineering method for finding the usability problems in a user interface design so that they can be attended to as part of an iterative design process. Heuristic evaluation involves having a small set of evaluators examine the interface and judge its compliance with recognized usability principles (the “heuristics”).”

Dictionary.com defines heuristic as:

✨ serving to indicate or point out; stimulating interest as a means of furthering investigation.
✨ encouraging a person to learn, discover, understand, or solve problems on his or her own, as by experimenting, evaluating possible answers or solutions, or by trial and error: a heuristic teaching method.
✨ of, relating to, or based on experimentation, evaluation, or trial-and-error methods.
✨ Computers, Mathematics. pertaining to a trial-and-error method of problem solving used when an algorithmic approach is impractical.

Notice the last definition: “…when an algorithmic approach is impractical”. This statement is a good summary of the subjective, qualitative nature of heuristic evaluation methods. And while this subjective nature is primarily true for the frameworks discussed here, the System Usability Scale (SUS) attempts to quantify heuristic evaluations. Or, for more measurable results, you may want to consider the PURE method for evaluating ease of use.

Usability Heuristic Frameworks

Below are the ten frameworks evaluated. Full heuristics are detailed at the end of this article.

💥 Amélie Boucher’s Ergonomic Criteria
💥 Arhippainen’s Ten User Experience Heuristics
💥 Bastien and Scapin’s Ergonomic Criteria for the Evaluation of Human-Computer Interfaces
💥 Colombo and Pasch 10 Heuristics for an Optimal User Experience
💥 Dieter Rams’ Ten Principles for Good Design | While Rams did not write his principles for interface evaluations, many in the UX field have adapted his list as a unique lens to measure against.
💥 ISO 9241–110 Ergonomics of human-system interaction — Part 110: Interaction principles
💥 Kaniasty’s CARMEL Guidelines
💥 Jakob Nielsen’s 10 Usability Heuristics for User Interface Design
💥 Shneiderman’s Eight Golden Rules of Interface Design
💥 System Usability Scale (SUS)

The following four frameworks are not included in my evaluation, but are included at the end of this article for consideration and a centralized point of reference of heuristic evaluation methods.

💥 Connell Full Principles Set
💥 Weinschenk and Barker Classification
💥 Gerhardt-Powals’ Cognitive Engineering Principles
💥 Dourado and Canedo’s Usability Heuristics for Mobile Applications

Lastly, the following noteworthy frameworks are provided here as a link only; their content is behind payment barriers or are too long for heuristic evaluation.

💥 Developing SMASH: A set of SMArtphone’s uSability Heuristics,
Computer Standards & Interfaces, Science Direct, https://doi.org/10.1016/j.csi.2015.08.007
💥 First Principles of Interaction Design (Revised & Expanded), asktog.com
💥 User Interface Context of Use Guidelines for Mobile Apps, cscjournals.org

🍀 Source >>>
🍀 Original >>>
🍀 Heuristic Findings in PDF >>>

#analytics #design #development #efficiency #methodology #tools #ux

​​КАК ЦИФРОВОЙ ДИЗАЙН ВЛИЯЕТ НА ПОЛЬЗОВАТЕЛЕЙ by Саурабх Бхаргава, Шломо Бенарци
🎨📲🤪

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

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

Работая над недавней статьей совместно с Линн Конелл-Прайс из Университета Пенсильвании и Ричардом Мэйсоном из Лондонского университета Сити, авторы обратились к ведущей инвестиционной компании на рынке пенсионных решений в США Voya Financial. Они решили изучить, как изменения цифрового дизайна интерфейсов при онлайн-регистрации могут повлиять на первоначальные планы сотрудников в отношении взносов на накопительные пенсионные счета (в частной пенсионной системе США самый популярный накопительный пенсионный план называется в честь соответствующей статьи Налогового кодекса США — «план 401(k)»).

Чтобы понять влияние цифрового дизайна на эти первоначальные решения о вступлении в пенсионную программу, случайным образом распределили сотрудников на две группы и показывали им две разные версии интерфейса регистрации: используемый Voya оригинальный коммерческий дизайн или «улучшенный» дизайн с тремя незначительными изменениями:

1️⃣ Изменили цветовую схему опций — вместо одного цвета (все было оранжевым) использовался принцип светофора: зеленый (выбрать индивидуальные условия), желтый (подтвердить) и красный (отклонить).

2️⃣ Отобразили стандартную норму отчислений прямо на экране регистрации, чтобы эту информацию нельзя было пропустить.

3️⃣ Упростили и стандартизировали текст описания альтернативных вариантов, удалив неинформативный мелкий шрифт и упростив названия каждой опции (например, фразу «Хочу изменить условия в своем плане» поменяли на «Настрою сам», а фразу «Не хочу вступать в пенсионную программу» заменили на «Не буду копить»).

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

✨ Изучайте появляющиеся научные публикации и учитывайте данные поведенческого анализа об особенностях использования электронных устройств.

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

✨ Протестируйте эти новые идеи в контролируемых условиях.

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

✨ Храните доступную для поиска «библиотеку результатов» всех своих экспериментов.

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

🍀 Source >>>

#analytics #case #design #experiment #product #psychology #ux

​​ЗАЧЕМ АВИТО «ОБЛАЧНЫЕ» UX-ИССЛЕДОВАТЕЛИ И КАК С НИМИ РАБОТАТЬ
☁️👩🏻‍🔬🔮

Важность UX-исследований для бизнеса осознают практически все, и по этой теме вышло много отличных материалов: например, Ксения Стерлина из Arrival и UXSSR писала о том, что даже если в компании нет выделенной роли исследователя, совсем без исследований компания жить не может. О том же говорит и Sinead Cochrane из Intercom в статье «Any research is better than no research». Максимальный риск, по мнению команды Intercom, — создавать продукты без изучения опыта, поведения и потребностей реальных пользователей.

Но когда компания начинает регулярно заниматься исследованиями, возникает другой вопрос — как проводить еще больше исследований, чтобы проверять больше гипотез и находить больше инсайтов?

🗂 Оглавление

📌 Почему нам нужно больше исследований?
📌 Как проводить больше исследований?
📌 А что, если исследователь будет «облачным»?
📌 Как мы создавали базу «облачных исследователей»
📌 Что важно учесть при работе с фрилансерами
📌 Плюсы и минусы работы с исследователями-фрилансерами
📌 Перспективы «облачных» UX-исследований
📌 Развитие нового формата как платформы
📌 Дополнительные материалы

🍀 Source >>>

#case #design #development #ecom #mr #product #tools #ux

​​ЦЕННОСТЬ ДИЗАЙНА ДЛЯ БИЗНЕСА: ТЕЗИСЫ ДОКЛАДА by McKinsey
👩🏻‍💻🎨💸

Международная консалтинговая компания McKinsey провела исследование, в котором определила, как и в чем выражается ценность дизайна для бизнеса. Делимся основными идеями доклада.

MDI (McKinsey Design Index) — индекс, который отражает экономический эффект от дизайна.

✨ Сильная связь между MDI и эффективностью бизнеса в целом
Компании верхней четверти, то есть у которых MDI выше среднего, за пять лет значительно быстрее увеличили свою прибыльность и совокупную акционерную доходность (TRS), чем их коллеги по цеху. Рост выручки составил 32%, а TRS — 56%.

✨ Хороший дизайн зависит от того, где функционирует компания — в офлайне, онлайне или на пересечении
А также от того, какие, физические или digital-продукты или услуги, она предоставляет.
Это справедливо для всех исследуемых сфер: и медицинских технологий, и потребительских товаров, и банковских услуг.

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

Дизайн — это не просто веселые картинки. Это весь пользовательский опыт в целом.

Все мы сталкивались с откровенно плохим дизайном. Например, отверстие USB, в которое можно попасть только с третьего раза. Или фантастический — печально известный выхлопной порт у «Звезды Смерти» во франшизе «Звездных войн». Роковая ошибка проектировщика стала причиной для гибели такого мощного и неуязвимого на первый взгляд агрегата.

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

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

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

🍀 Source (RU) >>>
🍀 Original (EN) >>>

#design #efficiency #mr #presentation #strategy #ux

​​Тренды дизайна презентаций 2023 года by Студия VisualMethod
🚀👁👩‍🏫

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

📌 С другой стороны, отсутствие явно новых трендов можно объяснить некой отстраненностью людей и перекладываем задач на «плечи» современных технологий. Как раз с нейросетями, метавселенными и прочими новыми коммуникационными реальностями связаны тренды этого года, включая даже цвет года - Евгений Рындин, Арт-директор студии VisualMethod

1️⃣✨ Квадратокружность
2️⃣✨ Сложные градиенты
3️⃣✨ Нейросети
4️⃣✨ Viva Magenta
5️⃣✨ Современные 2000-е
6️⃣✨ Тактильность
7️⃣✨ 3D-шейпы
8️⃣✨ Геометрические паттерны
9️⃣✨ Шрифты с засечками
🔟✨ Как бы тренд

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

Авторы берут одну тему и оформляют слайд в зависимости от тренда. В этой подборке для демонстрации трендов взяли тему чая и кофе: в каких случаях уместен напиток.

Чтобы увидеть изменения в тенденциях дизайна презентаций за последние годы, прочитайте статьи VisualMethod за 2022, 2021, 2020-2019 годы.

🍀 Source >>>
🍀 Original >>>

#case #design #likbez #presentation #tools #trends #visualization