Geo: first-view design
Problem to solve
For the future look of Geo, I would like to try out the first page Geo nodes
design aligning with our customers' needs got from the previous UX research ux-research#634 (closed).
Intended users
Proposal
Unlike other design reviews that we had, this includes some radical changes as you can see below. Therefore, I didn't put the high-fidelity prototype this time including the text and spacings here.
Please understand that this is because I wanted to get the feedback before I put every component in a pixel perfect way!
The general idea here for the visual languages was to reduce the number of colors that we use at the moment. Besides, I'd like to try out regrouping and repositioning the information that we provide considering the IA (Information architecture) and scalability.
And, you can use the design tab here in the new link, and comment on the design!
Thanks for pointing it out @toon
Type A
- Everything in one screen with fewer clicks (meaning fewer accordions!)
- Having the data type on the UI
Type B
- Users land on this page and see the list of all the nodes.
- They can check the detail of the primary node and the secondary nodes page from the list view (by clicking the text link)
- Having subpages for each node
- Monitoring graph for each node
What is the type of buyer?
Premium+
🤔
Questions - If anyone has a better idea for the general overview, please let me know! (Maybe we need a brainstorming session for it)
🚀
Next steps - Keep improving the design corresponding to teams' feedback
Take a look
https://www.figma.com/file/Xc6dU4Ikxo7i9zcq7wt99C/217985-Geo-main-page?node-id=106%3A2970
- Talk to users and validate the concept
- Learn more about solution validation! https://about.gitlab.com/handbook/product-development-flow/#validation-phase-4-solution-validation
- Think and discuss with the team how to make the design iteratively
- Finalize the design with pixel-perfect deliverables including responsive widths
- Deliver the design iteratively and let the magic happens!
🎩