UI/UX suggestions
See original GitHub issueFirst, thanks for working on this extension - I think it’s incredibly important functionality for JupyterLab and is one of the most requested features from my users!
I’m just starting to try it out and have a couple of suggestions.
- Since space is at a premium the shape column should just show the shape tuple - e.g.
(100, 3)
. The datatype (Array/DataFrame) is redundant since it just duplicates the TYPE column The rows/columns are redundant since they’re implicit in the ordering - After the type and shape the next most important information for me is the dtype so I’m wondering if there is some way to incorporate that? For the DataFrame seeing the column names (under content) is nice but it woudl be more useful if it were a
name: type
mapping. I can imagine that might quickly become too much information to display but thought I’d mention it in case anyone has a good solution. - I’m not sure of the utility of the content view as is since space is often too limited to show enough information. Perhaps displaying the content is best left for a specific content-view triggered on double-click - as is already done. Edit: I guess it’s very useful to quickly see the value of scalars or e.g. short tuples/lists 🤔
Issue Analytics
- State:
- Created 5 years ago
- Comments:6 (2 by maintainers)
Top Results From Across the Web
9 tips to quickly improve your UI designs - UX Collective
9 tips to quickly improve your UI designs · 1. Make your elements appear more defined · 2. Using just one typeface in...
Read more >10 Tips to Improve UX/UI Design of Web App - TechMagic
10 Methods to Improve UX/UI Design of Web Application · Thorough research · Keep it simple · Add more whitespace · Achieve unity...
Read more >The 15 Rules Every UX Designer Should Know
The 15 Rules Every UX Designer Should Know · 1. UX is not (only) UI · 2. Know your audience · 3. You...
Read more >Top 100 UX Design Tips from a User Experience Master
Top 100 UX Design Tips from a User Experience Master · 1. Think of the website as a yellow brick road: move users...
Read more >Short, Useful Design Tips For UI/UX Designers
Short, Useful Design Tips For UI/UX Designers · 1. Subtle call-to-action for negative links. A subtle link for negative secondary actions often works...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Chrome’s debugger has a good UX for lists/arrays. It will chunk up rows of data into bigger groups (say 1000 rows) and let you drill into those individual chunks.
I think we’d need a different display method for each object type…
for scalars/strings/lists, I think the current content column is correct as it is useful for quickly seeing those values. Not showing the values for small collections (and instead requiring a double click to see those values) almost defeats the purpose of an inspector designed to show information at a glance
for things like classes or any deeply-nested structure like a dictionary, I like the vscode expandable tree display. In those cases its hard to predict what information someone might find valuable, so displaying as much as possible in an expandable tree allows for flexibility
I think dataframes are a special case. when working with a dataframe, you often dont need to see values at a glance - theres never going to be enough space to show a meaningful amount of actual data anyway, so no point trying.
so I think an expandable tree would be correct, but displaying the amount of information that vscode displays would be too much. specifically, I dont think we should be displaying values in the tree. something simple like single-clicking the dataframe to expand multiple rows, one for each dataframe column, that simply shows “column name: dtype” would be my vote. then double click to show dataframes contents/values in a new window
normally Id opt for a one size fits all approach, but in this case I think that might just end up creating either too much clutter or a frustrating/slow user experience