@matt asked if I was interested in suggesting iterations on the WordPress.org The community site where WordPress code is created and shared by the users. This is where you can download the source code for WordPress core, plugins and themes as well as the central location for community conversations and organization. https://wordpress.org/ site for him to consider, as a way to improve things on smaller devices. I’m absolutely interested and excited to help out!
To begin with, I did a video review of the experience. There were some areas exposed in the review that could use some improvements. I’ll be suggesting some solutions for them over on make.wordpress.org/design/.
The aim of this post is to summarise what I found in that video and break it down into manageable pieces. I did an entire run through clicking all links as I went. This post highlights the main hitches. Some are just galleries and others have videos attached. Each of the highlights below focuses on the problem areas, but the entire video is included at the end of context.
Front page
Note: I had tested a bit so didn’t see the call to download the app. This appears at the top when does.
-
-
Crowded header The header of your site is typically the first thing people will experience. The masthead or header art located across the top of your page is part of the look and feel of your website. It can influence a visitor’s opinion about your content and you/ your organization’s brand. It may also look different on different screen sizes.. Menu icon without context
-
-
Images don’t have context to mobile users. For example showing plugins.
-
-
Sub sections aren’t all the way across.
-
-
Easy steps hidden.
-
-
Those who use it small and hidden down hierarchy.
Menu
-
-
Hard to use. Ordering issues and showing Mobile is a little weird.
About page
-
-
Dense copy and long page
Mobile
-
-
Doesn’t recognise what device on. Feels like doesn’t know mobile.
-
-
Long page length
Download
Note: having the download on mobile is a really confusing experience for users.
-
-
Encouragement to get app not very encouraging.
-
-
Can click to download but doesn’t actually work.
-
-
What happens on downloading.
Blog
Get involved
Hosting
-
-
Could have links and calls to things, hard to tell at a glance what does.
Ideas
-
-
Broken
Learn
-
-
Hard to glance and see the text on blue
-
Plugin A plugin is a piece of software containing a group of functions that can be added to a WordPress website. They can extend functionality or add new features to your WordPress websites. WordPress plugins are written in the PHP programming language and integrate seamlessly with WordPress. These can be free in the WordPress.org Plugin Directory https://wordpress.org/plugins/ or can be cost-based plugin from a third-party directory
-
-
White screen on download
-
-
Display issues on plugin’s own pages with menu
-
-
Padding and interesting menu layout
-
-
Padding and interesting menu layout
Theme directory
-
-
What happens on download
-
-
Download button for themes shows
-
-
Preview is broken
-
-
Border shadow on search input
-
-
Spacing issues (but one of best on mobile)
Support
-
-
Layout one of best mobile
-
-
Login formatting
Users
-
-
Page loading
-
-
Page broken
License
-
-
Hiding menu in page content footer
Privacy
-
-
Hiding menu in page content footer
Search
‘WordPress world’ sites
Note: to a user if it’s a link it’s part of the WordPress world. I explored a little of that world from a mobile view.
-
-
Full site still.
-
-
Full site still.
-
-
Hard to see what section is active.
-
-
Code resources looks like not active at a glance.
-
-
Styling issues.
-
-
Search box input field issues.
-
-
Menu looks broken.
-
-
Primary menu naming issue.
-
-
Input overlap.
-
-
Hard to tell what belongs to which section.
-
-
Menu hard to see where are or going.
-
-
Full site still.
Entire video
For those wanting to watch the entire video (I removed my voice notes), here it is in lower quality for file size. For reference, the video contains a link that doesn’t work to wordpress.com An online implementation of WordPress code that lets you immediately access a new WordPress environment to publish your content. WordPress.com is a private company owned by Automattic that hosts the largest multisite in the world. This is arguably the best place to start blogging if you have never touched WordPress before. https://wordpress.com/ that is fixed now.
You must be logged in to post a comment.