Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Summary-style status screen (1/2) #33

Open
olizilla opened this issue Mar 15, 2018 · 10 comments
Open

Summary-style status screen (1/2) #33

olizilla opened this issue Mar 15, 2018 · 10 comments
Labels
dif/medium Prior experience is likely helpful effort/weeks Estimated to take multiple weeks kind/enhancement A net-new feature or improvement to an existing feature P2 Medium: Good to have, but can wait until someone steps up status/deferred Conscious decision to pause or backlog topic/design-content Content design, writing, information architecture topic/design-front-end Front-end implementation of UX/UI work topic/design-ux UX strategy, research, not solely visual design topic/design-visual Visual design ONLY, not part of a larger UX effort

Comments

@olizilla
Copy link
Member

olizilla commented Mar 15, 2018

ETA (April 2020):

This may be superseded by ipfs/ipfs-webui#1003 (dashboard-style revision of entire UI).

Original issue:

All three apps show IPFS node stats as part of the initial UI that is show the user first, at startup.

Let's identity which bits of information a useful to which users and under what circumstances. What background knowledge is needed to interpret the data. What unit should it be presented in? How frequently does the info change? Is it most useful as a current value, or is it best presented as the change over time of the value?

The current state of things is described here: https://github.com/ipfs-shipyard/pm-ipfs-gui/blob/master/research/README.md#ipfs-node-info

@olizilla
Copy link
Member Author

I want stats on what my popular CIDs are. I'd be curious to know about how many people are fetching files from me right now.

I'd like to see how much bandwidth IPFS is using as a sparkline or graph, but until we can provide controls to let the user throttle and ration bandwidth it probably better to not show bandwidth stats at all.

The number of objects I'm sharing should be moved to the IPLD explorer where it can be put into context and the user can see what they are.

Max repo size should be controllable (See: #39). The repo size stat should be pushed to the file browser, or perhaps the IPLD explorer, where it can be put into context.

Right now I have an "empty" repo in IPFS desktop that says it's 2MB and 237 objects, but I have 0 files, which is disconcerting. We need to clam that down and reduce the amount of ambient activity on a desktop install of ipfs.

Location is problematic. It feels like tracking and It's confusing, as it's not accurate. Perhaps it's accuracy should be limited to the country level if we think it's worth keeping.

Peer ID is interesting. My address on the distributed web. This would benefit from some explaining as it's a concept we want to teach the users about. I'm not clear on why we show raw Public Key there as well.

@olizilla
Copy link
Member Author

We should consider which stats are interesting enough to warrant being on the first page a user sees when they start the app, and which are essentially diagnostic info that could be pushed out to a separate page.

@akrych
Copy link

akrych commented Mar 17, 2018

Just to organize a little more (probably more for me not for you;):

We have now(in all apps):

1. Peer ID
2. Public Key
3. Location (not working well)
4. Agent Version (to about/footer)
5. Protocol Version (to about/footer)
6. Network Addresses
7. Number of Peers
8. Repo Size
9. Storage Space Used
10. Sharing Objects
11. Bandwith Used
12. Up/Down Speed
13. Gateway (Companion)

(bold one - important one)

And the question is - "What should be in main screen of app?" (we are talking about the current state) The number refers to the list above.

-> WebGUI (1, 2?,6, 7, ... )
-> Desktop (1,2?, 7, ... )
-> Companion (1, 7, 13, ...)

@alanshaw
Copy link
Member

It's mentioned here but the node version is interesting in the context of debugging but also when you're not on the latest version.

I'd like to see an about page with:

You're running 0.4.13, a new version 0.4.14 is available: Download and Upgrade

@alanshaw
Copy link
Member

Other possibly interesting front page items:

  • Is the node on/off
  • Recently added files
  • Who my "peer buddies"* are and if they're online
    • Maybe this could have a separate tab/item - I can think of a whole bunch of cool features I'd like to see with this...

* peer buddy is a friend that's you've somehow added by peer ID - lets make this peer ID useful!

I think the other items that are in @akrych's list can be relegated to a diagnostics page, or maybe the about page?

@alanshaw alanshaw mentioned this issue Mar 28, 2018
@lidel
Copy link
Member

lidel commented Mar 28, 2018

Ok, so it seems we agree the minimal set for front page is more or less (1,4,7) presented in text form:

  • Peer ID
  • Agent Version
  • Node state (online/offline)
  • Peer Count

We can keep it plain and simple for MVP, and move the rest to other tabs.

I started thinking about adding brand new "Stats Page" with data visualization in #38 (comment).
Should I move that comment here, or is it better to create a separate feature request issue for it?

@akrych
Copy link

akrych commented Apr 10, 2018

A wireframe for Start page (maybe not a good name - to disscus:) you can find here: https://invis.io/AVGRKKJ75KT#/290074641_Start_Webui_Wireframe

As you see I add also notifications - I think it will be good to have a place to announce new features or update:) Let me know what you think about it! :) (pls comment in invision)

Please remember that is not a design :)

@lidel lidel added the status/in-progress In progress label Apr 11, 2018
@akrych
Copy link

akrych commented Apr 17, 2018

Small update after corrections :) here:

https://invis.io/AVGRKKJ75KT#/291730637_Start_Webui_New_Wireframe

(pls comment in invision)

@ericronne ericronne added design topic/design-visual Visual design ONLY, not part of a larger UX effort and removed design labels May 22, 2019
@ericronne
Copy link

@olizilla ✔️?

@jessicaschilling jessicaschilling added kind/enhancement A net-new feature or improvement to an existing feature and removed kind/improvement labels Apr 1, 2020
@jessicaschilling jessicaschilling changed the title Design: IPFS Node info and stats Redesign first screen as summary view Apr 6, 2020
@jessicaschilling jessicaschilling added dif/medium Prior experience is likely helpful effort/weeks Estimated to take multiple weeks P2 Medium: Good to have, but can wait until someone steps up status/deferred Conscious decision to pause or backlog topic/design-content Content design, writing, information architecture topic/design-front-end Front-end implementation of UX/UI work topic/design-ux UX strategy, research, not solely visual design and removed status/in-progress In progress labels Apr 6, 2020
@jessicaschilling jessicaschilling changed the title Redesign first screen as summary view Summary-style status screen Aug 13, 2020
@jessicaschilling jessicaschilling changed the title Summary-style status screen Summary-style status screen (1/2) Aug 13, 2020
@jessicaschilling
Copy link
Contributor

Note ipfs/ipfs-webui#1672: comments on scaling issues of bandwidth graph over time. Need to include considerations for zoom scales over time in next generation of status screen.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
dif/medium Prior experience is likely helpful effort/weeks Estimated to take multiple weeks kind/enhancement A net-new feature or improvement to an existing feature P2 Medium: Good to have, but can wait until someone steps up status/deferred Conscious decision to pause or backlog topic/design-content Content design, writing, information architecture topic/design-front-end Front-end implementation of UX/UI work topic/design-ux UX strategy, research, not solely visual design topic/design-visual Visual design ONLY, not part of a larger UX effort
Projects
No open projects
Status: Needs Grooming
Development

No branches or pull requests

6 participants