search

spyder-ide / ux-improvements

Discussion about UX improvements for Spyder 5 and beyond
4 stars 2 forks source link

Improve design of the "About Spyder" logo #40

Closed juanis2112 closed 2 years ago

juanis2112 commented 3 years ago

Current design:

Screenshot 2021-04-06 at 3 07 25 PM

Idea: Firefox dialog

isabela-pf commented 3 years ago

I will add comments after! Just posting for discussion.

0-3 0-4 0-2
isabela-pf commented 3 years ago

Based on the feedback, there's the most interest in dividing the information up by tabs (like Spyder's panes) in order to keep it all without being overwhelming. Here is a first pass at a potential layout with more correct content.

The Legal tab text will need to be updated based on the switched icons in Spyder 5.

1-12 1-16 1-17

There was other feedback about making the logo larger or using the full word logo. While both of these are possible, it will require making the dialogue substantially bigger since the text can't be cut at all. I don't think this is ideal, but we can try it out again with whatever logo we end up with if desired. Next to the tabs:

1-15

Over the tabs (this does better with an actual logo instead of the box placeholder, by the way):

1-18
juanis2112 commented 3 years ago

We like option 1.

juanis2112 commented 3 years ago

Pending:

  1. Copy to clipboard button text.
  2. Right alignment of buttons (with respect to the tabs box)
  3. Remove the version and commit from the overview tab.
  4. Add information about social media (overview tab)
  5. "Created by..:" should be in the community tab.