Mixing
Real time trading app design - UX and React
1
I am working on a trading app which I need to design and code (in React).
People at trading desk have asked me to show data as tables inside the tiles. But they want to see all the data all the time and do not want to see the scroll in the table if data is more. If data is more in first tile, they dynamically want to see a new tile with rest of the data. Besides, this data will change real time and I might receive new trades every second.
I am still in design phase and do not have any UI to show but I have drawn something here to show what I am trying to ask.
javascript html css reactjs user-experience
asked Nov 20 '18 at 5:47
FE_AddictFE_Addict
84311
|
show 1 more comment
1
I am working on a trading app which I need to design and code (in React).
People at trading desk have asked me to show data as tables inside the tiles. But they want to see all the data all the time and do not want to see the scroll in the table if data is more. If data is more in first tile, they dynamically want to see a new tile with rest of the data. Besides, this data will change real time and I might receive new trades every second.
I am still in design phase and do not have any UI to show but I have drawn something here to show what I am trying to ask.
javascript html css reactjs user-experience
asked Nov 20 '18 at 5:47
FE_AddictFE_Addict
84311
First decide what you want to show, as all might not be possible as it has to accommodate Desktop, Tab, and Mobile I believe. Sector Wise | Portfolio Wise | Scrib. then Script Name @ Exchange | Avg. Price | Current Price | Daily Percent Change | Percent Change @ Avg. Price.
– vssadineni
Nov 20 '18 at 6:34
I think pushing data in a set number of tabs is possible, its just that you have to find out if it is already existing or you have to write it. say you allow 20 items in one listing in total 800 items for suppose, you have to create 40 tabs. so sorting will be important here.
– vssadineni
Nov 20 '18 at 6:38
Hi @vssadineni : we are targeting desktop and large screens at this stage. Also, they do not want to see tabs. Is there any other design I can recommend them?
– FE_Addict
Nov 20 '18 at 7:22
It depends upon the priority, say Watch List: where users can search a script and add to watch list and for that you can provide number or named tabs. you could go to stock exchange web site and see the list of filters available. even more if you want to have a first hand experience go to investing.com site and create your own portfolio and see what is best needed for the user.
– vssadineni
Nov 20 '18 at 7:42
In my limited UX experience, whenever a table-based solution feels off, there is usually a way to break away from a standard table layout. This tweet is a nice example of breaking out of that layout, though it doesn't seem targetted for a large data set: twitter.com/steveschoger/status/997125312411570176
– Alexander Rice
Nov 20 '18 at 7:48
|
show 1 more comment
1
1
1
I am working on a trading app which I need to design and code (in React).
People at trading desk have asked me to show data as tables inside the tiles. But they want to see all the data all the time and do not want to see the scroll in the table if data is more. If data is more in first tile, they dynamically want to see a new tile with rest of the data. Besides, this data will change real time and I might receive new trades every second.
I am still in design phase and do not have any UI to show but I have drawn something here to show what I am trying to ask.
javascript html css reactjs user-experience
asked Nov 20 '18 at 5:47
FE_AddictFE_Addict
84311
I am working on a trading app which I need to design and code (in React).
People at trading desk have asked me to show data as tables inside the tiles. But they want to see all the data all the time and do not want to see the scroll in the table if data is more. If data is more in first tile, they dynamically want to see a new tile with rest of the data. Besides, this data will change real time and I might receive new trades every second.
I am still in design phase and do not have any UI to show but I have drawn something here to show what I am trying to ask.
javascript html css reactjs user-experience
javascript html css reactjs user-experience
asked Nov 20 '18 at 5:47
FE_AddictFE_Addict
84311
asked Nov 20 '18 at 5:47
FE_AddictFE_Addict
84311
asked Nov 20 '18 at 5:47
FE_AddictFE_Addict
84311
asked Nov 20 '18 at 5:47
FE_AddictFE_Addict
84311
asked Nov 20 '18 at 5:47
FE_AddictFE_Addict
84311
84311
First decide what you want to show, as all might not be possible as it has to accommodate Desktop, Tab, and Mobile I believe. Sector Wise | Portfolio Wise | Scrib. then Script Name @ Exchange | Avg. Price | Current Price | Daily Percent Change | Percent Change @ Avg. Price.
– vssadineni
Nov 20 '18 at 6:34
I think pushing data in a set number of tabs is possible, its just that you have to find out if it is already existing or you have to write it. say you allow 20 items in one listing in total 800 items for suppose, you have to create 40 tabs. so sorting will be important here.
– vssadineni
Nov 20 '18 at 6:38
Hi @vssadineni : we are targeting desktop and large screens at this stage. Also, they do not want to see tabs. Is there any other design I can recommend them?
– FE_Addict
Nov 20 '18 at 7:22
It depends upon the priority, say Watch List: where users can search a script and add to watch list and for that you can provide number or named tabs. you could go to stock exchange web site and see the list of filters available. even more if you want to have a first hand experience go to investing.com site and create your own portfolio and see what is best needed for the user.
– vssadineni
Nov 20 '18 at 7:42
In my limited UX experience, whenever a table-based solution feels off, there is usually a way to break away from a standard table layout. This tweet is a nice example of breaking out of that layout, though it doesn't seem targetted for a large data set: twitter.com/steveschoger/status/997125312411570176
– Alexander Rice
Nov 20 '18 at 7:48
|
show 1 more comment
First decide what you want to show, as all might not be possible as it has to accommodate Desktop, Tab, and Mobile I believe. Sector Wise | Portfolio Wise | Scrib. then Script Name @ Exchange | Avg. Price | Current Price | Daily Percent Change | Percent Change @ Avg. Price.
– vssadineni
Nov 20 '18 at 6:34
I think pushing data in a set number of tabs is possible, its just that you have to find out if it is already existing or you have to write it. say you allow 20 items in one listing in total 800 items for suppose, you have to create 40 tabs. so sorting will be important here.
– vssadineni
Nov 20 '18 at 6:38
Hi @vssadineni : we are targeting desktop and large screens at this stage. Also, they do not want to see tabs. Is there any other design I can recommend them?
– FE_Addict
Nov 20 '18 at 7:22
It depends upon the priority, say Watch List: where users can search a script and add to watch list and for that you can provide number or named tabs. you could go to stock exchange web site and see the list of filters available. even more if you want to have a first hand experience go to investing.com site and create your own portfolio and see what is best needed for the user.
– vssadineni
Nov 20 '18 at 7:42
In my limited UX experience, whenever a table-based solution feels off, there is usually a way to break away from a standard table layout. This tweet is a nice example of breaking out of that layout, though it doesn't seem targetted for a large data set: twitter.com/steveschoger/status/997125312411570176
– Alexander Rice
Nov 20 '18 at 7:48
First decide what you want to show, as all might not be possible as it has to accommodate Desktop, Tab, and Mobile I believe. Sector Wise | Portfolio Wise | Scrib. then Script Name @ Exchange | Avg. Price | Current Price | Daily Percent Change | Percent Change @ Avg. Price.
– vssadineni
Nov 20 '18 at 6:34
First decide what you want to show, as all might not be possible as it has to accommodate Desktop, Tab, and Mobile I believe. Sector Wise | Portfolio Wise | Scrib. then Script Name @ Exchange | Avg. Price | Current Price | Daily Percent Change | Percent Change @ Avg. Price.
– vssadineni
Nov 20 '18 at 6:34
I think pushing data in a set number of tabs is possible, its just that you have to find out if it is already existing or you have to write it. say you allow 20 items in one listing in total 800 items for suppose, you have to create 40 tabs. so sorting will be important here.
– vssadineni
Nov 20 '18 at 6:38
I think pushing data in a set number of tabs is possible, its just that you have to find out if it is already existing or you have to write it. say you allow 20 items in one listing in total 800 items for suppose, you have to create 40 tabs. so sorting will be important here.
– vssadineni
Nov 20 '18 at 6:38
Hi @vssadineni : we are targeting desktop and large screens at this stage. Also, they do not want to see tabs. Is there any other design I can recommend them?
– FE_Addict
Nov 20 '18 at 7:22
Hi @vssadineni : we are targeting desktop and large screens at this stage. Also, they do not want to see tabs. Is there any other design I can recommend them?
– FE_Addict
Nov 20 '18 at 7:22
It depends upon the priority, say Watch List: where users can search a script and add to watch list and for that you can provide number or named tabs. you could go to stock exchange web site and see the list of filters available. even more if you want to have a first hand experience go to investing.com site and create your own portfolio and see what is best needed for the user.
– vssadineni
Nov 20 '18 at 7:42
It depends upon the priority, say Watch List: where users can search a script and add to watch list and for that you can provide number or named tabs. you could go to stock exchange web site and see the list of filters available. even more if you want to have a first hand experience go to investing.com site and create your own portfolio and see what is best needed for the user.
– vssadineni
Nov 20 '18 at 7:42
In my limited UX experience, whenever a table-based solution feels off, there is usually a way to break away from a standard table layout. This tweet is a nice example of breaking out of that layout, though it doesn't seem targetted for a large data set: twitter.com/steveschoger/status/997125312411570176
– Alexander Rice
Nov 20 '18 at 7:48
In my limited UX experience, whenever a table-based solution feels off, there is usually a way to break away from a standard table layout. This tweet is a nice example of breaking out of that layout, though it doesn't seem targetted for a large data set: twitter.com/steveschoger/status/997125312411570176
– Alexander Rice
Nov 20 '18 at 7:48
|
show 1 more comment
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53386934%2freal-time-trading-app-design-ux-and-react%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
draft saved
draft discarded
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53386934%2freal-time-trading-app-design-ux-and-react%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
First decide what you want to show, as all might not be possible as it has to accommodate Desktop, Tab, and Mobile I believe. Sector Wise | Portfolio Wise | Scrib. then Script Name @ Exchange | Avg. Price | Current Price | Daily Percent Change | Percent Change @ Avg. Price.
– vssadineni
Nov 20 '18 at 6:34
I think pushing data in a set number of tabs is possible, its just that you have to find out if it is already existing or you have to write it. say you allow 20 items in one listing in total 800 items for suppose, you have to create 40 tabs. so sorting will be important here.
– vssadineni
Nov 20 '18 at 6:38
Hi @vssadineni : we are targeting desktop and large screens at this stage. Also, they do not want to see tabs. Is there any other design I can recommend them?
– FE_Addict
Nov 20 '18 at 7:22
It depends upon the priority, say Watch List: where users can search a script and add to watch list and for that you can provide number or named tabs. you could go to stock exchange web site and see the list of filters available. even more if you want to have a first hand experience go to investing.com site and create your own portfolio and see what is best needed for the user.
– vssadineni
Nov 20 '18 at 7:42
In my limited UX experience, whenever a table-based solution feels off, there is usually a way to break away from a standard table layout. This tweet is a nice example of breaking out of that layout, though it doesn't seem targetted for a large data set: twitter.com/steveschoger/status/997125312411570176
– Alexander Rice
Nov 20 '18 at 7:48