question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

UI/UX suggestions

See original GitHub issue

First, 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.

image

  • 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:open
  • Created 5 years ago
  • Comments:6 (2 by maintainers)

github_iconTop GitHub Comments

1reaction
nmichaudcommented, May 4, 2019

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.

1reaction
sho-87commented, Sep 23, 2018

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

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found