-
Notifications
You must be signed in to change notification settings - Fork 33
Description
This is an overview of identified issues that relate to homepage https://wordpress.org. Mobile is indicated where applicable (tested in Safari, iPhone Pro Max). When no indication, both desktop and mobile apply.
Overall
We’ve had the current homepage for a bit, and I think we can take some learnings for when we have an opportunity to explore a refresh. So there's some deeper work work highlighted below but also some fixes we should address asap.
It's fairly static of a page to be the main or first one. We shall consider video (like for the editor) as well as surfacing here video content that portrays a more moving, active project (perhaps announcing the principal upcoming event?).
It seems also very disconnected from the rest of pages it links to. ie: how we introduce the editor doesn't connect with how we talk about it in each own /gutenberg page. Same with the Showcase, we don't say Showcase.
The overall language seems to be fairly plain. While we want to reach a wider audience, we are loosing a bit of that dev character in the verbiage. More pro. It portrays a sense of the wrong lightness when it's a historic, large, powerful project.
We don't mention the freedoms or freedom license when it's basically the essence of it all. We used to say "Beautiful designs, powerful features, and the freedom to build anything you want. WordPress is both free and priceless at the same time." Which is still a much clearer description.
We don't intentionally or clearly link to the where the open happens. Github does a good job with this. Or show which large brands work on WP, or a Matt quote. Like giving it much more validation and substance. It all reads a bit amateur, when we are THE platform. WP should feel like the OS of the web.
The Swag Banner
- Swag Banner needs to be clickable as a full module.
- Right now the only clickable element in a URL that reflects as a button/link when hovered. We need to add a clearer button or link.
- The products in the Swag Banner are laid out strangely in scale and proportion, also the shadows can be better and consistent.
- In smaller desktop viewports, the banner pushes everything down too much. Could be less tall. In mobile it's even more obvious.
- The copy say Show your wp20 excitement, but it doesn't explain it's the anniversary. Without making the copy too long, it'd be good to bring slightly better awareness of it. Text and call to action needs to be more specific, even for unawareness. Celebrate the 20th anniverssary with new swag. Show off WordPress 20th with fresh swag. Or alike.
Top heading
- Shall we mention the current market share %?
- Generally, this top heading is light, it could carry more weight functionally. Like guide people to learn the latest news? Or get involved? As a secondary button.
- And we aren’t mentioning blog here or we are shying away from it on purpose? It's only mentioned once as a “personal blog” down the page, when many enterprises leverage WP for their blogs and journals. Are we also missing other keywords? We used to say "WordPress is open source software you can use to create a beautiful website, blog, or app."
- The line height could be a bit tighter. This is a general rule for all headings in the page.
- With the current copies, not sure we are opinionated enough about the moral imperative to be open and contribute to it. And the business value. Worth a spin on content options.
The editor module
- Let's explore a different graphic or video? The current doesn't really represent anything about the editor. It's generic.
- In mobile, the graphics are laid out strangely, it's not clear what it is.
- We don't say clearly editor, we seem timid here. We should own this saying like this is the best editor, more used, more stable, more everything.
Features module
- This is the real meat of the platform aside of the editor, and we lay out timidly. Could be bolder visually. The graphic also is timid with styles. Each point could have its own.
- If we link to themes and patterns, we should also do so with plugins. And the license. And to Make or showing where the community is working.
The Showcase module
- The enterprise brands are different than https://wordpress.org/enterprise/ we should align them.
- We don't link to https://wordpress.org/enterprise/, we likely should if we show the brands.
- We don't mention Showcase, we should (again, to connect things more directly).
- There’s a visual bug in the images, the radius isn’t consistent.
- The width of the screenshots are also super wide (can be narrower, and show mobile views, mixed), and cut strangely so the content or the brands aren't clear.
- Another example of boldness, the text is very timid, plain verbally. When we could say that the largest, more beautiful, and more popular sites run on WP.
- Visually, the sites can be bolder too. The visual assets should have more visual weight in the page, and provide the option to link to the web in a new tab.
- The sites could be moving, like in Semplice.
- In mobile, these visual devices are extremelly small. Worth giving them the deserved weight.
Community module
- Pic shall be retina ready.
- We should also fix the top border embossed effect.
- The use of brush stroke is not as refined as it is in the /news section. The rest of the page graphics look sharper and the stroke itself is perhaps a bit too messy. It makes the whole page disconnected.
News section
- Could be more connected to the scale titles of https://wordpress.org/news/all-posts/ or to the Help/support one.
Misc
- The language banner is in an unconventional position, worth trying at the top below top bar.
- For some reason, since recently I'm not seeing this banner anymore. Which had some feedback here: Overview Issue: General Elements of WP.org #221
- When multiple official languages are available in the locale, let’s list them equally. And use the same capitalization (not consistent in Spain, for example).
- As mentioned above, there is a bit of a stronger validation module missing. Or sprinkled throughout. Or both.
- The scales of texts are a bit uncanny (I couldn't figure out the logic of H1, H2, etc visually) but also need better hierarchy. At times the title is almost equal as the paragraph or link. Conversely, some modules have huge scales.
- This is likely subjective and informed, but the colon punctuation construct in the title reads strange to me. The most common use is of colon is to amplify the concept written before the punctuation, but here we do a call to action (speaks to me). The more natural flow to me would be like "WordPress: the open software and community running the web", hopefully something shorter, but just to clarify the point.
- Community image, the powerful and empowering crop, and the dream it build it background feel low resolution still, on a retina screen. Ever so slightly uncrisp. If there’s a performance issue in terms of filesize, we should explore alternatives, either fewer images, or embracing flatness so the PNGs can have higher compression.
- There's a disparity of button styles across the page, without a noticeable logic. When parsing the page, I should be able to identify the main triggers equally.