Показываешь клиенту готовый дизайн, и в 5 из 10 случаев он недоволен результатом. А дизайн классный, много сил потрачено на самое важно — UX составляющую. Но клиенту не понравился визуальный стиль, всё забраковал и просит переделать. В итоге на вкусовщину можно потратить остаток бюджета. Еще хуже если клиент не платил за время потраченное на правки.
В этой статье я написал как избежать этой проблемы.
Мудборд (inspiration boards) — это куча картинок. Но не просто картинки, вместе они должны создавать визуальный образ, понятный заказчику.
Главная задача мудборда — передать нужное настроение, эмоции и чувства, которое унаследуют готовые макеты дизайна. Мудборд поможет управлять ожиданиями клиента, и с помощью него можно согласовать заранее визуальный стиль.
Эффективный мудборд
Теперь о том, как правильно передать настроение через мудборд и дать понять чего ожидать от макетов.
Мудборд это инструмент, а не способ самовыражения.
Нужно всегда помнить, что цель мудборда донести нужные образы до заказчика, согласовать и утвердить их. Поэтому простой подбор красивых картинок и крутых примеров сайтов не решит нашу проблему, пусть даже если они подобраны со вкусом.
Презентация важная часть мудборда
Так как мы разрабатываем сложные интерфейсы, наш мудборд должен состоять из интерфейсов: удачные баннеры, прикольных шрифтовые решения, интересные кнопки. Но без разъяснений тяжело понять, на что обратить внимание. Поэтому нужно делать мудборды с пояснениями, а лучше презентовать его.
Определите концепцию
Даже если вы готовы объяснить свой мудборд заказчику, важно выявить и соблюдать концепцию. Картинки должны дополнять друг друга и создавать полноценный образ.
Разделы в мудборде
Делите мудборд по разделам: передайте цвета будущего проекта, потом шрифты, манеру текста и т.д.
UIKit в помощь
В качестве эксперимента нарисуйте небольшую часть кнопок и контролов, чтобы дополнит образ в голове клиента. И сможете заранее согласовать стиль кнопок.
Общее настроение
С помощью классных картинок и фоток, можно передать общее настроение проекта. К примеру, векторные картинки моря и рыб отлично передадут общую стилистику для сервиса заказа морской еды.