Дизайн торгового приложения в реальном времени - UX и React

Я работаю над торговым приложением, которое мне нужно разработать и запрограммировать (в React).

Люди в отделе торговли просили меня отображать данные в виде таблиц внутри плиток. Но они хотят видеть все данные все время и не хотят видеть прокрутку в таблице, если данных больше. Если данных больше в первой плитке, они динамически хотят видеть новую плитку с остальными данными. Кроме того, эти данные будут меняться в реальном времени, и я могу получать новые сделки каждую секунду.

Я все еще нахожусь на этапе проектирования, и у меня нет пользовательского интерфейса, который можно было бы показать, но я кое-что нарисовал здесь, чтобы показать, о чем я пытаюсь спросить. Дизайн торгового приложения в реальном времени - UX и React

Сначала решите, что вы хотите показать, поскольку все может быть невозможно, так как я считаю, что он должен соответствовать Desktop, Tab и Mobile. Сектор Мудрый | Портфолио Мудрый | Писец. затем Имя сценария @ Exchange | Средн. Цена | Текущая цена | Ежедневное процентное изменение | Процентное изменение @ Ср. Цена.

vssadineni 20.11.2018 07:34

Я думаю, что размещение данных в заданном количестве вкладок возможно, просто вам нужно выяснить, существует ли он уже, или вам нужно его записать. скажем, вы разрешаете 20 элементов в одном списке всего 800 элементов, например, вам нужно создать 40 вкладок. поэтому здесь важна сортировка.

vssadineni 20.11.2018 07:38

Привет @vssadineni: на данном этапе мы ориентируемся на настольные компьютеры и большие экраны. Кроме того, они не хотят видеть вкладки. Могу ли я порекомендовать им какой-нибудь другой дизайн?

FE_Addict 20.11.2018 08:22

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

vssadineni 20.11.2018 08:42

Судя по моему ограниченному опыту пользовательского опыта, всякий раз, когда решение на основе таблиц кажется некорректным, обычно есть способ отойти от стандартной компоновки таблиц. Этот твит - хороший пример выхода за рамки этого макета, хотя, похоже, он не нацелен на большой набор данных: twitter.com/steveschoger/status/997125312411570176

Alexander Rice 20.11.2018 08:48

Я имею в виду не только Investing.com, но и аналогичный, который можно использовать бесплатно, так как для начинающих пользователей будет сложно загрузить все. Фильтры и пагинация помогут.

vssadineni 20.11.2018 08:48
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
1
6
142
0

Другие вопросы по теме