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

(OUI Icons) Create icon for VisBuilder #45

Open
KrooshalUX opened this issue Oct 12, 2022 · 12 comments
Open

(OUI Icons) Create icon for VisBuilder #45

KrooshalUX opened this issue Oct 12, 2022 · 12 comments
Assignees

Comments

@KrooshalUX
Copy link

KrooshalUX commented Oct 12, 2022

VisBuilder is a new way for users to build visualizations utilizing drag & drop functionality.
Currently there is a placeholder drag & drop icon found on the New Visualization menu within the application (dashboards > edit > create new) This icon appears in both on the New Visualization menu as well as in tables listing saved objects. The icon should be legible at "s" and "xs" sizes.

Screen Shot 2022-10-12 at 3 00 41 PM

Note: The E seen on the menu for experimental is added programmatically, and does not need to be added to the icon itself.

@xeniatup
Copy link

A couple of options close to the temporary icon:
Screen Shot 2022-10-24 at 12 03 26 AM
Screen Shot 2022-10-24 at 12 02 37 AM

@xeniatup
Copy link

xeniatup commented Oct 24, 2022

Additional sketches
1.
Screen Shot 2022-10-24 at 12 03 47 AM
2.
Screen Shot 2022-10-24 at 12 02 53 AM
3.
Screen Shot 2022-10-24 at 12 03 13 AM
4.
Screen Shot 2022-10-24 at 12 02 30 AM
5.
Screen Shot 2022-10-24 at 12 03 00 AM
6.
Screen Shot 2022-10-24 at 12 03 34 AM

@kgcreative
Copy link
Member

1 and 3 from "additional" get the concept of "builder" and I'm leaning toward those. @btzeng, @ashwin-pc? Feedback/thoughts?

@btzeng
Copy link

btzeng commented Oct 24, 2022

I like the third one. One of the key features in VisBuilder is the ability to scan through data fields (fields+summary view) as the user builds a chart. And the third design feels more aligned with that approach.

@KrooshalUX
Copy link
Author

From the first comment:
I don't think either speak to the visualization aspect, and are too close to the current design.

From the additional list:
My picks would be 1, 5 and 6.
@btzeng @kgcreative - option 3 looks too close to maps for me, with the curl of the plane and the triangular pointer.

@KrooshalUX
Copy link
Author

@xeniatup Summary of feedback from a sync:
Overall, the versions with the hand work best, but something to consider about # 3 : while it looks too much like a map, it is the one that communicates "exploration" which is a function of VisBuilder in addition to building the visualization itself. I think another round with exploration in mind would be helpful for the project.

Thanks for all your hard work and showing so many options! Excited to see the various approaches.

@ashwin-pc
Copy link
Member

1,4. I like this, but i am leaning towards 1
2,5,6. Leans too heavily on drag and drop, not on the ability to build visualizations
3. Give a maps or geospatial vibe

My general comment on all the icons is that they seem too busy in comparison to the other icons, 1 seems the least busy. e.g. when they need to be small in size (1 & 4 compared to pie)
Screen Shot 2022-10-24 at 7 40 50 PM
Screen Shot 2022-10-24 at 7 43 47 PM
Screen Shot 2022-10-24 at 7 41 57 PM

@ashwin-pc
Copy link
Member

The Builderhub icon and some of these are also good candidates imo:

@xeniatup
Copy link

The keywords that I'm thinking about are "builder", "drag'n'drop", "exploration". I de-prioritized the "summary" feature for clarity in such small media, it could be a part of "exploration".
Another goal is to decrease the density of the icon so it matches better with the rest of the pack. Also to show that the data visualization is covering more than one chart type (either by abstracting more or including two types simultaneously)

Here is the take two on the icon:

Screen Shot 2022-10-26 at 12 54 07 PM

And the previews:

preview 1

preview 2

preview 3

preview 4

preview 5

preview 6

@vagimeli
Copy link

vagimeli commented Nov 2, 2022

I'm updating the documentation to use the proper name. Have we finalized the UI?

@KrooshalUX
Copy link
Author

@vagimeli we are still working through the icon, I do not think it will make it into 2.4 release, as it needs more iteration.

@ashwin-pc
Copy link
Member

ashwin-pc commented Nov 3, 2022

@vagimeli While the Icon will not make it for 2.4, the renaming will. Lets make sure to update that for 2.4

@KrooshalUX KrooshalUX assigned canascar and unassigned xeniatup Nov 23, 2022
@KrooshalUX KrooshalUX changed the title Create icon for VisBuilder (OUI Icons) Create icon for VisBuilder Feb 15, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

7 participants