Как стать автором
Обновить
0
0
Аслан @Aaslan977

UX/UI Дизайнер

Отправить сообщение

Как я проектирую интерфейсы

Время на прочтение13 мин
Количество просмотров22K

Привет, я Егор Камелев, проектировщик интерфейсов (UX-дизайнер). За последние 20 лет я поработал с командами десятков агентств, IT-отделов, действующих проектов и продуктов, стартапов (и запущенных, и незавершённых). Я знаком с сотней команд, не меньше. И среди них не нашлось и двух, использующих одинаковые подходы к работе. Верно говорят: «У каждого додика — своя методика!».

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

Поэтому в этой статье я не буду заявлять, что мой подход к работе — единственно верный. Он один из тысяч и в моём случае прекрасно работает: клиенты не заваливают меня правками, платят 100% предоплату и рекомендуют окружающим. Я распишу во всех деталях свой процесс предоставления услуги проектирования (создания интерактивного прототипа информационной системы на заказ). Уверен, что многим пригодятся мои знания. Погнали!

Читать далее
Всего голосов 24: ↑20 и ↓4+21
Комментарии20

10 тёмных паттернов в UX-дизайне и как их избежать

Уровень сложностиПростой
Время на прочтение12 мин
Количество просмотров13K

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

К типичным тёмным паттернам относятся давление на чувства, ложная срочность, заманивание, сбор личных данных, навязывание, подсовывание, маскировка рекламы, намеренное введение в заблуждение, паттерн «Roach Motel», предвыбор нежелательных опций, добавление лишних товаров в корзину, спам-рассылка по друзьям, автоматическое продлевание платной подписки после её окончания и не только.

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

Во избежание использования тёмных паттернов дизайнерам следует делать акцент на прозрачности, предоставлении контроля пользователю, а также этических практиках разработки. Такой подход способствует положительному пользовательскому опыту и взращиванию лояльности со стороны клиентов.
Читать дальше →
Всего голосов 36: ↑35 и ↓1+53
Комментарии16

Хочешь корректную дизайн-задачу? Помоги продакту ее поставить

Время на прочтение4 мин
Количество просмотров4.2K
Однажды в деревне мой дядя Слава спросил, чем я занимаюсь. Большой, мол, уже, 25 лет. Должен же чем-то заниматься. Я ответил, что работаю в Москве дизайнером мобильных приложений. Он кивнул и помолчал с полминуты. Потом переспросил: «Так это значит… в телефоне там все… рисуешь?» «Да», — говорю, чтобы не распространяться. Он достает из кармана кнопочную Nokia и протягивает ее мне — мол, давай, показывай, что ты из этого нарисовал. Вот эту иконку «сообщения» или ту, с телефонным справочником?

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

Как же сделать так, чтобы задачи от продакт-менеджеров принимали вид «я хочу увеличить Retention нашего раздела, давай подумаем как это сделать», без «подвинь эту кнопку вправо» и «сделай зеленый зеленее»?

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

Этот список поможет дизайнеру выстроить коммуникацию с продакт-менеджером, а продакту — лучше понять, чего ожидать от дизайнера.
Читать дальше →
Всего голосов 11: ↑11 и ↓0+11
Комментарии6

Руководство по Jobs to Be Done и Desired Outcomes для дизайна интерфейсов

Уровень сложностиСредний
Время на прочтение8 мин
Количество просмотров9.5K

Jobs to Be Done дает хорошую базу, но в полной мере не покрывает детали для проектирования интерфейсов. Расскажу, как я адаптировал подход для разработки цифровых продуктов, используя Desired Outcomes.​ С ними становится понятнее, что делать в продукте, они дают ответ на вопрос "чтобы что", и генерация идей перестает быть изнуряющим процессом.

Читать дальше →
Всего голосов 23: ↑22 и ↓1+24
Комментарии1

Что такое autoscale и с чем его верстают

Уровень сложностиСредний
Время на прочтение7 мин
Количество просмотров6.4K

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

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

Модерируемое юзабилити-тестирование: от идеи до задачи в таск-трекере

Уровень сложностиПростой
Время на прочтение12 мин
Количество просмотров4.8K

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

Статья будет полезна тем, кто не проводил тестирования или имеет мало опыта.

Мой опыт юзабилити-тестирования(ЮТ) состоит из проектов разной сложности: от небольших стартапов, до энтерпрайз b2b приложений.

Читать далее
Всего голосов 2: ↑2 и ↓0+2
Комментарии2

Как делать дизайн внутренних CRM

Уровень сложностиПростой
Время на прочтение7 мин
Количество просмотров7.1K

Привет! Я Маргарита Романова, дизайнер в Домклике. Расскажу о принципах разработки внутренних CRM и о том, почему их дизайн отличается от B2C и даже B2B. Статья для тех, кто тоже делает внутренние CRM или планирует скоро этим заняться.

Читать далее
Всего голосов 28: ↑26 и ↓2+27
Комментарии2

Дорогая, что-то пошло не так. Гид по пустым состояниям и ошибкам + шаблоны на все случаи

Уровень сложностиПростой
Время на прочтение11 мин
Количество просмотров32K

Всем привет! Меня зовут Кира Калимулина, я руководитель группы UX-редактуры в Ozon. Я занимаюсь всеми интерфейсными текстами в приложении и на сайте. 

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

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

Что же случилось?
Всего голосов 56: ↑55 и ↓1+63
Комментарии49

Чем так хороши Lottie-анимации и почему вам стоит о них узнать

Уровень сложностиСредний
Время на прочтение4 мин
Количество просмотров20K

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

Технология в разы круче GIF, AVI, mp4 и анимированных HTML-элементов, поэтому грех вас с ней не познакомить.

Читать далее
Всего голосов 3: ↑3 и ↓0+3
Комментарии14

Безболезненное изменение кнопки оплаты

Уровень сложностиСредний
Время на прочтение4 мин
Количество просмотров1.4K

Безболезненное изменение кнопки оплаты

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

Читать далее
Всего голосов 9: ↑4 и ↓5+2
Комментарии11

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

Уровень сложностиСредний
Время на прочтение17 мин
Количество просмотров10K

Привет! Меня зовут Ксения Гаврилова, я дизайн-менеджер команды продуктовых дизайнеров в Selectel. Я определяю и поддерживаю дизайн-процесс и качество дизайна продуктов в компании, занимаюсь поиском и онбордингом людей в команду, помогаю дизайнерам развиваться.

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

Что полезного вы узнаете из текста:

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

Также дам список источников информации для прокачки навыков на каждом этапе и схему дизайн-процесса. Ее можно использовать как шпаргалку, чтобы всегда понимать, в какой точке ты находишься и как прийти к качественному результату.
Читать дальше →
Всего голосов 21: ↑20 и ↓1+25
Комментарии2

Книги о типографике: все, что вам нужно знать об искусстве шрифтов

Время на прочтение7 мин
Количество просмотров44K
подборка книг по типографике

Типографика — это искусство сделать текст красивым, удобным для чтения, отразив в начертании букв информационный посыл или характер издания. Это искусство привнести визуальную гармонию в любой текстовый материал. Искусство выразить смысл не только через слова, но и через их отображение. Типографика вовсе не ограничивается выбором шрифтов и отступов — это более глубокая, сложная и интересная дисциплина. И освоить её вам поможет наша подборка книг.
Читать дальше →
Всего голосов 39: ↑38 и ↓1+37
Комментарии9

User flow: как создаются популярные приложения и сайты

Время на прочтение9 мин
Количество просмотров155K
Всем привет!

Я – Максим Скворцов, UX/UI-дизайнер Omega-R, международной компании по разработке и интеграции IT-решений. Я занимаюсь проектированием и визуализацией интерфейсов мобильных и веб-приложений.

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

image
Читать дальше →
Всего голосов 5: ↑4 и ↓1+7
Комментарии0

Как создать сайт? Структура и контент

Время на прочтение19 мин
Количество просмотров58K
Итак, вы решили быть последовательными и начать разработку сайта с самого важного и фундаментального этапа — со структуры (visual sitemap) и контента. Ок, значит, вы попали в правильное место, где мы собрали для вас инструкции и эффективные советы как это лучше всего сделать и с чего начать. Да пребудет с вами сила, так как такой фундаментальный гид за один присед вряд ли удастся осилить.

Пример структуры веб-сайта Octopus.do

Пример структуры веб-сайта (Блоки кликабельны)

Какие разделы включить? Что по поводу контента? Мы серьезно все продумали, потратили более месяца на исследования и собрали в этом гиде весь наш 18-летний опыт по созданию сайтов. Дочитав эту статью, вы обретете исчерпывающее представление о том, почему именно так должен быть структурирован сайт компании или продукта, мы также немного коснемся фундаментальных принципов SEO и планирования контента.
Читать дальше →
Всего голосов 8: ↑8 и ↓0+8
Комментарии4

Сетки для адаптивного дизайна

Время на прочтение7 мин
Количество просмотров212K


Мы собрали наиболее частые темы, связанные с сеткой в адаптивном дизайне, чтобы «повысить резкость» термина как такового и систематизировать практические знания: как настраивать сетку в дизайн-макете, по каким параметрам делать расчет, какие особенности адаптивной среды учитывать и на какие детали обращать внимание.
Читать дальше
Всего голосов 22: ↑22 и ↓0+22
Комментарии3

Памятка дизайнеру сайтов

Время на прочтение10 мин
Количество просмотров245K
Вторая версия статьи, расширенная и дополненая.

Большая часть готовилась для моего выступления на «РИТ: Клиентские технологии», куда я, к сожалению, не доехал.

 

Памятка дизайнеру сайтов

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

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

Читать дальше →
Всего голосов 453: ↑444 и ↓9+435
Комментарии231

Информация

В рейтинге
Не участвует
Откуда
Краснодар, Краснодарский край, Россия
Дата рождения
Зарегистрирован
Активность