UX/UI дизайнер и пользователь Тинькофф инвестиций пытается добиться темной темы в приложении

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

К сожалению возникают ситуации на рынке, когда ты буквально не можешь оторваться от просмотра графиков:

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

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

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

концепт приложения Тинькофф инвестиции Алексей Кошелев
Скриншот существующей версии приложения

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

Пункт «Еще» объединил с чатом (потому что приложение должно работать так, что бы к чату не было частой необходимости обращения). Так же убрал иконку настроек, тк ее можно лаконично объединить с пунктом «Еще», ведь настройки тоже пункт не для ежедневного использования.

Скриншот существующей версии приложения

В оригинальном приложении есть 3 варианта отображения графика (график, график с разметкой мин макс значений и отсечек по времени, свечной график). Так вот думаю обычный график просто не нужен, ведь представляет собой обрезанную версию следующего варианта графика, предлагаю его вообще убрать. Поэтому иконка меняет отображения с линии на свечи, просто и понятно.

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

С интересном почитаю ваши мнения и конструктивную критику (если не нравится, то что именно или что можно сделать лучше).

Спасибо :)

0
38 комментариев
Написать комментарий...
Аккаунт удален

Комментарий недоступен

Ответить
Развернуть ветку
Аккаунт удален

Комментарий недоступен

Ответить
Развернуть ветку
Алексей Кошелев
Автор

Спасибо, это действительно очень ценно, ведь смысл темной темы именно в удобстве для глаз. Поменял цвет всех зеленных надписей, красных (хоть красный все равно хуже зеленого читается), мелких серых (крупные серые не трогал) и перезалил. Получились чуть более пастельные и зеленый чуть более кислотный. И по тестам и по-моему субъективному восприятию читаются легче. В статье отображаются более менее, но оригинальные цвета можно увидеть только если нажать на картинку, а потом нажать на +. Еще раз спасибо за такой конструктив!

Ответить
Развернуть ветку
Fakhriddin Olimov

Можно узнать что за сайт?

Ответить
Развернуть ветку
Алексей Кошелев
Автор
Ответить
Развернуть ветку
Тинькофф Инвестиции

Привет!
Спасибо за идеи, выглядит интересно. Может быть сделаем в будущем :)

Ответить
Развернуть ветку
Алексей Кошелев
Автор

Отлично, так давайте займемся! Готов вам все приложение отрисовать)

Ответить
Развернуть ветку
Дмитрий Колпаков

Чувак, лучше не стоит, дизайн интерфейсов это не твоё, прости.. от твоего глаза болят еще больше 

Ответить
Развернуть ветку
Алексей Кошелев
Автор

Спасибо за мнение, прощаю)

Ответить
Развернуть ветку
Вася Пражкин

А что сразу не сделали? Черная тема в терминале - это ж классика.

Ответить
Развернуть ветку
Alex Alex

Прошу прощения за оффтоп. По пользовательской аналитике тоже рассмотрите, пожалуйста, улучшения.

Ответить
Развернуть ветку
Алексей Кошелев
Автор

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

Ответить
Развернуть ветку
Андрей Свечников

Ребята, уже июль

Когда тёмная тема? Даже если примерные сроки назовёте, то уже здорово будет

Ответить
Развернуть ветку
Тинькофф Инвестиции

В версии на андройд добавили. Постараемся как можно скорее реализовать и на iOS.

Ответить
Развернуть ветку
Андрей Свечников

Благодарю!

Очень надеюсь, что "поскорее" - это не полгода :)

Ответить
Развернуть ветку
Aleksandr Makarov

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

Извини, но мне, как обычному пользователю, всё в нём не нравится.

p.s. Тёмная тема очень нужна.

Ответить
Развернуть ветку
Алексей Кошелев
Автор

Спасибо за мнение, отлично что мы сходимся в необходимости темной темы

Ответить
Развернуть ветку
Константин Витальевич

Да, очень слабая работа, тинькову сейчас нужны продукт дизы, а не ui

Ответить
Развернуть ветку
Алексей Кошелев
Автор

Спасибо за мнение, судя по их открытым вакансиям, им действительно нужны продукт дизы, но и ui рассматривают

Ответить
Развернуть ветку
Eugene Yuryev

У них что-то не так в дизе продуктов?

Ответить
Развернуть ветку
НечеловеческаяЛогика

Получилось так себе во многом, особенно если вы используете обводку и "модный" стиль

Ответить
Развернуть ветку
Алексей Кошелев
Автор

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

Ответить
Развернуть ветку
НечеловеческаяЛогика

Я? Никак.

Ответить
Развернуть ветку
SpamStories

И тем самым переломали все выставленные акценты на экране

Ответить
Развернуть ветку
Eugene Yuryev

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

Ответить
Развернуть ветку
Аккаунт удален

Комментарий недоступен

Ответить
Развернуть ветку
Алексей Кошелев
Автор

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

Ответить
Развернуть ветку
Alex Alex

Предложение очень полезное и необходимое!! Особенно учитывая факт наличия темной темы в приложении банка!

Ответить
Развернуть ветку
Алексей Кошелев
Автор

Да, меня этот момент тоже удивил) 

Ответить
Развернуть ветку
SpamStories

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

Ответить
Развернуть ветку
Алексей Кошелев
Автор

Спасибо за отзыв! Цвета поправил на более читаемые согласно coolors. Поправил отступы, действительно было много мелких неточностей. Постарался исправить нарушение теории близости (там где обнаружил). Не знаю критериев как исправить мусорность. Сделал график более жирным и убрал обводку у кнопок. Насчет субъективности, так и есть, данных аналитики от пользователей у меня нет

Ответить
Развернуть ветку
Борис Б

"Пункт «Еще» объединил с чатом (потому что приложение должно работать так, что бы к чату не было частой необходимости обращения)"

Ох уж этот идеальный мир :)

Ответить
Развернуть ветку
Алексей Кошелев
Автор

На самом деле не так уж все плохо) Торгую в тиньке с 2018 и если усреднить, то потребность наверное раз в квартал возникает. Оговорка, к сожалению, есть - большинство проблем либо решаются централизованно сами, либо поддержка бессильна 

Ответить
Развернуть ветку
Борис Б

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

Ответить
Развернуть ветку
Алексей Кошелев
Автор

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

Ответить
Развернуть ветку
Алексей Кошелев
Автор

ок

Ответить
Развернуть ветку
Aleksandr Pesikoff

Что бы не испытывать боль при просмотре торговых терминалов долгое время, да и вообще нормально работать, желательно это делать на хорошем большом мониторе, а лучше на двух!... ;) но и там ночная тема приличная должна быть. 

Ответить
Развернуть ветку
Алексей Кошелев
Автор

Да, терминал намного удобнее и по функционалу и по цветам конечно. Когда есть возможность именного через него сижу, но многие о нем даже не знают

Ответить
Развернуть ветку
35 комментариев
Раскрывать всегда