andreevadesign

andreevadesign

Share

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

Photos from andreevadesign's post 21/01/2022

Суть неоспоримо важна, однако если человека спугнет вид текста, то до того важного, что вы желаете поведать он не дойтет🤷‍♀️

Как сделать, чтоб оформление текста не убило желание узнать содержание?

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

Смотри в галерее с примерами⤴️

________

#вебдизайн #типографика #дизайнсайтов #тильдадизайн #дизайн

Photos from andreevadesign's post 19/01/2022

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

Очень часто в небольших проектах эти этапы опускаются. Причина проста –сокращение бюджет на разработку.

👉Давайте приоткроем немного эту дверь и расскажу ниже что это за этапы и зачем они нужны.


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

Когда у нас есть персона, то для нее легче прописать историю. Понять что и для чего нужно, и как продукт может ей помочь.

Персоны создаются на основе проведенных исследований.
👩(Пример персоны - слайд 2)


Ставим себя на место персоны и прописываем историю с ее точки зрения, описывающую вкратце потребности по типу: Кто я, что я хочу, для чего мне это нужно.

Такие истории помогают определить приоритеты в дизйн-целях и могут вдохновить на некоторые дизайн-решения.
(Слайд 3)


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

Таким образом мы определяем слабые места во взаимодействии с брендом и определяем пути решения, для создания лучшего пользовательского опыта.
(Слайд 4)

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

#вебдизайн #вебдизайнер #сайтнатильде #сайтназаказ #созданиеперсон #картапутипользователя #историяпользователя

14/01/2022

🔸
Полтора часа читала, и это посреди рабочего дня! Лучше б пару уроков курса просмотрела...

🔸
Целый час потратила на «видюшки с котиками», а могла б пост написать...

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

🔸
Вот чем я занимаюсь? Нужно быть продуктивнее! Занимать время полезным для карьеры и личностного развития!

🔸
Периодически корю себя так. Уверена я не одинока в этом😏

❗️НО
Только дав мозгу отдохнуть можно:


Выйти из ступора и найти еще пару десятков вариантов для лучшего решения.


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


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

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

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

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


Находить баланс в жизни и гармонию.

Как у вас сгармонией? Чем отвлекаетесь и потом корите себя за это?

Есть ли счастливчики чей внутренний критик понимает важность отвлекающих действий и не пилит вас за это?

P.s. Главное не путать с ленью и прокрастинацией. В этих случаях нужно вытаскивать себя из подобного состояния, а не поощерять☝️

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

Photos from andreevadesign's post 11/01/2022

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

8 принципов Брауна для лучшей информационной архитектуры.

1️⃣Принцип объекта
Необходимо рассматривать проект, как нечто живое, что меняется и растет с течением времени. А значит оставлять возможности для маневров, предусматривать варианты для будущих изменений и быть готовым к ним.

2️⃣Принцип выбора
Люди думают, что хотят как можно больше вариантов выбора, но это не так.
На самом деле нужно меньше, однако хорошо организованных вариантов. Об этом нам говорит и закон Хика – чем больше выбор, тем сложнее принять решение

3️⃣Принцип раскрытия информации
Люди могут одновременно обрабатывать лишь ограниченное количество информации. Поэтому лучше показать сначала информацию вкратце, а потом, если человек заинтересуется, он перейдет, либо раскроет и прочтет подробнее. Пример – блоки с раскрытием, кнопки подробнее открывающие попап с полной информацией, прочее.

4️⃣Образцовый принцип
Люди распределяют информацию по категориям и группируют разные понятия вместе.
Наш мозг воспринимает категории, как сеть хороших примеров. Описания работают хуже. Мы можем объяснить что в категории показав несколько хороших примеров.
Например, для каждой категории товаров необходимо показать пример самого характерного представителя. Это весьма облегчит навигацию.

5️⃣Принцип передней двери
Люди зачастую попадают на домашнюю страницу с другого веб-сайта.
И не всегда нужная ему информация будет именно на главной. И это нормально, все на главной не разместить и перегружать ее также не стоит. Важно, чтоб пользователь сразу понимал куда он попал, какие задачи решает сервис, и как ему «пройти» к необходимой информации. Помогают предзаполненные поля, хорошо структурированная информация, расположение элементов (логотип, навигационная панель, поиск, пр.)

Продолжение в галерее ⤴

#вебдизайн #вебдизайнер #сайтнатильде #сайтназаказ
иллюстрация:absurd.design

Photos from andreevadesign's post 09/01/2022

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

🔸Перегруз первого экрана. Иногда кажется, что все преимущества нужно сразу показать, а то вдруг не долистают и посетитель раньше убежит?..
Правда в том, что люди в интернете не любят многА букАв. Открыв сайт и увидев много текстов и посылов, то посетитель, вероятнее всего, закроет сайт особо не начав вникать в ваше предложение.
Необходимо выделить главные преимущества и УТП, и в короткой форме их разместить. Задача первого экрана показать куда пользователь попал и что он тут может получить. Заинтересовать скролить сайт дальше.

🔸Абстрактное, непонятное, заезженное
«Лучшее решение для ваших детей»
«Умный подход к уходу за волосами»
Такие заголовки особо не заинтересуют и ничего не скажут посетителям вашего сайта. А скроллить, чтоб понять что вы имели ввиду и куда вообще попали – многим будет лень. Большая часть потенциальных клиентов теряется еще в самом начале.
То же и с фотографиями. Если есть возможность, то всегда лучше поместить фото с вашим продуктом, чем любое абстрактное фото со стока.

🔸Не показывать числовую информацию, либо спрятать ее вглубь сайта.
Люди любят числа. Количество лет на рынке, довольных клиентов, количество ваших тренеров/коучей, пр. Да, многие не верят в точность цифр. Однако на подсознании эта информация закрепляется, и положительно влияет на доверие к бренду. Главное цифры должны быть близки к настоящим.
Данный блок лучше размещать ближе к первому экрану.

🔸Огромные тексты
Если я захочу почитать я возьму книгу, либо поищу интересные мне лонгриды.
Когда человек посещает сайты, он крайне редко (почти никогда) настроен читать что-то объемное.
Тексты нужно максимально сокращать. Большие тексты делить на части и чередовать с изображениями, использовать карточки и инфографику. Так информация воспринимается легче.

🔸Не использовать социальные доказательства и UGC ( )
Люди боятся быть первыми: купить, оформить, написать... Когда кто-то прошел уже путь психологически проще и самому совершить действие. Отзывы очень помогают преодолеть сомнения. Больше про страхи в посте

Последний пункт в карусели⤴

01/10/2021

Внимание! С 1 ноября будет повышение цен на все мои услуги.

✅Успейте заказать до ноября дизайн и разработку сайта, а также дизайн баннеров по старым тарифам.

➡️Для заказа – свяжитесь со мной в директ, или заполните заявку на сайте (ссылка в шапке).

Это мое первое повышение за 4 года практики в веб-дизайне, что, наверное, не совсем правильно с точки зрения бизнеса🤔
В дальнейшем, примерно раз в пол года будет плавный рост цен.

Я вот сильно затянула с повышениями стоимости на свои услуги. А как у вас?

Особенно мне интересно кто работает, как и я, в интеллектуальной сфере и продает свои знания и навыки: маркетологи, дизайнеры, smm-специалисты, пр.

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

А как часто вы повышаете цены на свои услуги и, примерно, на сколько?

09/09/2021

Захват внимания и управление эмоциями

Кто недооценивает силу дизайна, тот всегда позади своих конкурентов, думающих и поступающих иначе.

Я месяц была в Одессе и одним из любимых занятий было – обращать внимание на местную рекламу и вывески. Некоторые были супер-по-одесски-креативны🤩, но имногие, естественно, были так себе.

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

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

✅Что же побуждает купить именно у вас?

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

🔸Визуал.
От того как все оформить зависит что почувствует ваш потенциальный клиент и возникнет ли у него доверие к бренду.

Дизайном можно передать запах, вкус ощущения...

«Блин, есть захотелось» - это часть комментария, который мне оставили на бихенсе под презентацией сайта tasty-life.tilda.ws

Сайт выглядит аппетитно, люди, посещающие его, хотят торты – эффект достигнут!😎

Слова побуждают думать и представлять, визуал же дает пищу для эмоций.
Этот формат доступнее для восприятия.

✅Создавая макет, чего бы то ни было, нужно учитывать:

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

Photos from andreevadesign's post 24/06/2021

Одноэкранные лендинги. Почему их любят и в чем их магия?

❔Чем же они отличаются от обычных лендингов?
- Одним экраном, как и можно судить из названия😁 И на этом экране нужно расположить всю важную информацию: должно быть понятно о чем речь, УТП, немного перимуществ/выгод/описания, пр и кнопка/форма (СТА).

‼️Пишут, что такие лендинги могут давать конверсию до 80%.
Карл, до 80%!!! Это при том, что 30% считается классной конверсией для стандартного лендинга.

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

✅Основные правила оформления одноэкранных лендингов

🔸Сегментирование аудитории.
Определили аудиторию, посмотрели примерные поисковые запросы, добавили креатива и запустили рекламу.
Каждой аудитории свой лендинг!

🔸Простой дизайн
Меньше – значит лучше. Не стоит перегружать, только важное и главное, иначе будет восприниматься как информационнвый шум.
Дизайн не должен отвлекать от информации и от действия (CTA).

🔸Больше конкретики
Сайты – это вообще не тот случай, где обилие метафор и эпитетов станет плюсом.
Только Ux копирайтинг, только хардкор!😎🤘
В текстах, в том числе и на одностраничном лендинге, только ключевое и важное. Коротко и ясно.

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

🔸Связь
Так как на таком лендинге мало информации, то должна быть возможность, в случае чего, связаться (чат, номер телефона, пр.)

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

Пусть клиенты будут довольны вами, а вы клиентами.
Всем успехов и продаж!
❤️

P.s. В качестве примера, недавно сделанный мной одноэкранный лендинг, в галерее ⤴️
https://wowfit.ru/guide_yoga/

#лендинг

Photos from andreevadesign's post 26/05/2021

«Дизайн главной страницы мы обычно оцениваем в 4-6 часов» - V., сотрудница маркетингового агентства в США.

😎На меня в бихенсе, по моим работам, вышла госпожа V. из США.
Им необходимо сделать редизайн главной страницы сайта. Меня спросили о моей почасовой ставке и просили оценить в часах работу над главной страницей.
Наши представления о времени немного не сошлись. Пока ни к чему не пришли, переписка в процессе.

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

✅Я могу и за 2 часа сделать дизайн главной.
НО
🔸Должно быть четкое ТЗ с референсами (примерами дизайна).
🔸Должна быть готова структура и прототипы.
🔸Должны быть видео/изображения/иллюстрации, из которых буду выбирать что использовать в дизайне.
🔸НЕ должно быть правок и согласований.

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

Быстрее и дешевле бывает, если какие-то из этапов дизайна заказчик берет на себя.

Если все поручается дизайнеру (это иногда правильнее): исследования и анализ, структура, прототипирование, подбор концептов и выбор стиля, сам дизайн, подбор материалов... а еще если добавить согласования и правки, то это никак не 4-6 часов.

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

У меня есть заказчик, с которым с февраля успешно работаем. Я уже понимаю, что нужно ему, он знает чего ожидать от меня. Работаем тоже по часовой оплате. Сейчас проекты выполняются с минимальными временными затратами, все довольны. Вначале, естественно, на выполнение задач требовалось больше времени, и правок было больше (сейчас некоторые проекты вообще не требуют правок).

Продолжение в галерее⤴️

7 новых функций в Zero Block 25/05/2021

7 новых функций в Zero Block Обновления ускорят работу с группами, анимацией и сделают работу с большим количеством элементов более комфортной

Want your business to be the top-listed Computer & Electronics Service in Yerevan?
Click here to claim your Sponsored Listing.

Address

Yerevan

Opening Hours

Monday 12:00 - 20:00
Tuesday 12:00 - 20:00
Wednesday 12:00 - 20:00
Thursday 12:00 - 20:00
Friday 12:00 - 20:00
Saturday 12:00 - 17:00