Разработали дизайн-концепт трейдинговой платформы

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

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

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

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

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

Чистый белый. Лаконичен, создает эффект воздуха и акцентирует внимание на содержании. На нем отлично заметны все элементы, оттенки кажутся ярче, что упрощает восприятие.

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

Шрифт Graphik прекрасно подошел для узкой утилитарной задачи, над которой мы работали:
– Цифры в таблицах легко сравнивать по разрядам, потому что каждая из них одинаковой ширины.
– Компактный, обеспечивает отличную читабельность мелких кеглей – разница между $50 и $500 видна даже при беглом взгляде.

Два оттенка зеленого и один – красного:
– Eagle Green – глубокий зеленый. Насыщенный и спокойный, он эффектно подчеркивает важные элементы интерфейса. В паре с белым фоном дает органичное сочетание, которое ассоциируется с экологичностью.
– Conifer – светлый, средней мягкости оттенок зеленого. Теплый цвет, который отличается высокой светлотой и средней насыщенностью, связан с весной и ростом. Использован при создании небольших графических элементов для повышения эстетической привлекательности.
– Desire – арбузный цвет с оттенком киновари, активный и энергичный, несколько импульсивный. Хороший выбор для элементов, требующих повышенного внимания пользователя.

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