Презентация
серверов от Acer
До начала осталось:
Смотреть
Дизайн
Алексей Кошелев

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

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

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

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

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

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

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

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

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

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

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

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

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

Спасибо :)

{ "author_name": "Алексей Кошелев", "author_type": "self", "tags": ["\u0442\u0438\u043d\u044c\u043a\u043e\u0444\u0444\u0438\u043d\u0432\u0435\u0441\u0442\u0438\u0446\u0438\u0438","\u0442\u0438\u043d\u044c\u043a\u043e\u0444\u0444","ux","ui","tinkoff_invest","tinkoff"], "comments": 35, "likes": 5, "favorites": 24, "is_advertisement": false, "subsite_label": "design", "id": 217780, "is_wide": false, "is_ugc": true, "date": "Mon, 08 Mar 2021 14:27:15 +0300", "is_special": false }
0
35 комментариев
Популярные
По порядку
Написать комментарий...
3

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

Ответить
4

А с красным и зеленым цветами вообще легко подобрать варианты получше, через coolors например, в пару к цвету фона:

Ответить
2

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

Ответить
2

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

Ответить
–4

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

Ответить
20

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

Ответить
1

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

Ответить
0

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

Ответить
0

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

Ответить
0

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

Ответить
2

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

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

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

Ответить
1

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

Ответить
2

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

Ответить
0

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

Ответить
–1

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

Ответить
1

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

Ответить
0

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

Ответить
0

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

Ответить
0

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

Ответить
1

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

Ответить
0

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

Ответить
1

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

Ответить
0

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

Ответить
0

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

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

Ответить
0

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

Ответить
1

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

Ответить
0

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

Ответить
0

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

Ответить
0

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

Ответить
0

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

Ответить
0

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

Ответить

Комментарии

null