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

Use styling consistent with python.org #2562

Open
pradyunsg opened this issue Nov 7, 2017 · 9 comments
Open

Use styling consistent with python.org #2562

pradyunsg opened this issue Nov 7, 2017 · 9 comments
Labels
UX/UI design, user experience, user interface

Comments

@pradyunsg
Copy link
Contributor

pradyunsg commented Nov 7, 2017

This is really a styling/branding issue and I imagine it won't block anything.

screen shot 2017-11-07 at 1 19 04 pm

screen shot 2017-11-07 at 1 19 23 pm

For now, I think it would be nice if Warehouse's theme used the same combination of blue/black as python.org for the header section.

Longer term, maybe the theming of pypi.org, python.org, docs.python.org should be the same but that's really a long shot and a lot of work too.

@compute-e
Copy link

compute-e commented Nov 16, 2017

Also, a similar layout with less whitespace in some places would be better.
The colour scheme for a package page can be seen in my screenshot at #1988, which also compares it to the older website design.

@di di added the UX/UI design, user experience, user interface label Nov 27, 2017
@Safihre
Copy link

Safihre commented Nov 29, 2017

Agreed. Another point I wanted to add to #2417, making the designs consistent makes complete sense to me.
Now there are kind of 50/50 consistent. Still better than 0 consistency of the current PyPi 😃

@brainwane brainwane added this to the 6. Post Legacy Shutdown milestone Mar 21, 2018
@brainwane
Copy link
Contributor

brainwane commented Mar 21, 2018

For the whitespace/condensing issues, let's talk in #1988 and #2417.

Pradyun, thanks for the feedback! Nicole's taking it into account. (You may have already read Nicole (@nlhkabu)'s design goals, including her assessment of the legacy UI and its problems.) She's doing user tests to get more data on what users have trouble with, and during those tests, asking about things like design inconsistency between Warehouse and www.python.org, and usual device/browser/display usage and usual size/resolution. Please do signal-boost that request for users to participate in the user tests so she can get more data!

As you said, this is a branding/styling issue and does not need to block the rollout of Warehouse and the shutdown of Legacy PyPI.

@pradyunsg
Copy link
Contributor Author

Pradyun, thanks for the feedback!

You're welcome! ^>^

Another thing that comes to mind looking at this right now is that python.org links to pypi.python.org from the top bar (the black one). Maybe Warehouse should have it too, for consistency? Just a thought.

See also: python/python-docs-theme#10

Nicole's taking it into account.

Awesome! Glad to hear that!

@brainwane
Copy link
Contributor

@pradyunsg Once we do the redirect/switch, links to pypi.python.org will redirect to Warehouse, and we'll ask the people who run the python.org website to link directly to the new PyPI. Thanks!

@pradyunsg
Copy link
Contributor Author

Umm... I think you misunderstand...

I'm suggesting of using the top-bar (the one with links to PyPI, Docs, Jobs and all) like Ubuntu does (see top of https://www.ubuntu.com, https://www.askubuntu.com and the likes).

@brainwane
Copy link
Contributor

Ah so what you meant was that Warehouse should also have a black navbar at the top of the page, like python.org currently does. Thanks for clarifying!

@brainwane
Copy link
Contributor

A user said:

The back ground blue on the pypi page is the highlight blue on the python.org page, they should change the color to match to background python.org color.

@pradyunsg
Copy link
Contributor Author

pradyunsg commented Nov 13, 2020

Nudge to check what the feelings are on this.

Specifically, is there anything actionable here or are we waiting on design inputs or implementation?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
UX/UI design, user experience, user interface
Projects
None yet
Development

No branches or pull requests

5 participants