The next Front-end Editor meeting will be September 2, 2014 17:00 UTC! Take a look at the project on GitHub to get a good idea of what current state is. There are quite a few big changes. It only works with WordPress 4.0 and the plugin in the .org repo is not up-to-date. If you’d like to get involved, make sure to attend. I’m not going to continue the Skype group, we’ll just use IRC, GitHub and these P2 posts. As soon as WordPress 4.0 is released, I’ll release a 1.0 beta and publish a post about all the changes.
Recent Updates Toggle Comment Threads | Keyboard Shortcuts
Thanks everyone who came to the meeting. Here’s the link for anyone who wants to catch up.
Goals and Objectives
We discussed the goals and objectives of the project. We agreed that, rather than tinkering around the edges, the project should be focusing on a complete overhaul of image editing, with a focus on usability.
@mor10 asked questions in the chat room which we discussed.
What role does the Image Editor play in the regular process of adding images to posts and pages? And more specifically, what functionality should the user reasonably expect to be available from the image editor out of the box?
We’re aiming for tighter integration of the image editing tools with the image upload workflow. At the minute they feel very separate. The user should expect limited functionality out of the box.
Where is the Image Editor positioned in the user workflow? Does it belong in the modal itself? Does it belong in a separate modal like it does now?
We envisage this being in the modal.
What image editing functions belong under a separate “Edit Image” tab and what functions may be better placed elsewhere, either in the image modal or in the content editor itself?
Basic image editing in the modal and advanced options elsewhere.
Labels and Terminology
Pablo created a labels and terminology document. If anyone wants to review it you can add to the list of the takeaways on the right of the spreadsheet.
We’ve added some mockups to the folder. We’re spending another week working on these.
- investigate including image replacement functionality (see: https://wordpress.org/plugins/enable-media-replace/)
- I’m going to investigate whether we can get a gratis gitter chat room
Thanks everyone for coming to the meeting! If you missed it, you can catch up with all out lovely faces right here.
Here’s what happened:
We discussed the user interview document. If anyone has any additional thoughts on it please leave a comment. These were the main takeaways:
- users aren’t aware that the editing tools are available
- The “link to” option is confusing to users. They don’t understand what the options do
- The crop tool confused every user
- labelling is confusing throughout
- we could use better icons
- it’s not obvious to users that the images they upload aren’t attached to a single post but are available throughout
- the edit original text isn’t clear
- need a volunteer to create a spreadsheet that lists all of the labels and terminology and looks at what other platforms do so we can start working on improving naming conventions
- need someone to review the media grid user testing and come up with a list of things relevant to this project
- @siobhan to talk to gcorn about decisions made about options in 3.9
- everyone to review the UX workflow document to see how we can streamline things
It’s time to start sketching out what you think the media modal should look like. That’s this screen right here:
If you haven’t yet, it’d be worth looking at the media grid in WordPress 4.0. We should aim for consistency across the UIs
Use whatever tool you want. If you want access to the wp.org balsamiq account let me know and I’ll add you.
We can use this thread to interrogate the workflow and see how we can streamline it. If you’re interested please leave comments. We’re interested in the following:
1. Which steps can we remove from the workflow?
2. Can any steps be combined?
3. Are there any paths that are confusing?
4. Is their any functionality or options that we can remove completely?
Thanks everyone who attended the meeting. You can watch it here: https://plus.google.com/events/cgp24dsgqid508vngn506ga8r20
We agreed that we want to move on from the user interviews next week. These all need to be written up, so we agreed that the following people would take responsibility for one each:
- Sonja: Anny: https://www.youtube.com/watch?v=5JAKIvVqH5M
- Siobhan: Shannon: https://www.youtube.com/watch?v=AHgZLARe0_U
- Daniel: Darren: https://www.youtube.com/watch?v=aspJEDSGDJs
- Aris: Mary: https://www.youtube.com/watch?v=zas1eYCexv8
@mor10 has created a document for the findings. @mor10 can you please add any sections/ questions you think ought to be looked at/answered by Sunday evening. Everyone else will be documenting the interviews from Monday.
Everyone else – please have them written up by Thursday so that ppl have time to read them before the meeting.
The aim for next week is to have the user interviews written up so we can move on to working out ideal workflows.
Thanks everyone who attended the meeting. Here’s what we discussed:
We looked over the market analysis. The main findings are here, but in case you don’t want to read, the salient points were:
- most blogging platforms don’t have any image editing tools other than sizing, alignment, and adding captions
- platforms with heavy image editing use third party editors such as Aviary (Squarespace & Flickr) and Picasa (Blogger)
- the platforms with the simplest UIs are the most effective, with Aviary providing the cleanest UI for actual editing
@mor10 has carried out 4 interviews and has some more planned. He’s looking to interview someone who uses WordPress professionally and someone who manages a multi-author blog. The interviews will be written up over the weekend. He’s going to connect with @sonjanyc to update the personas. We’ll review the personas and user interviews next week at the meeting.
We agreed to change the meeting time to Fridays at 15:00 UTC
Thanks to everyone who attended the image flow chat yesterday. If you weren’t able to attend, you can catch up on the meeting here.
What was discussed
- we agreed to work on the market analysis until next Thursday, after which point we’ll review what’s been done and what we can learn from each of them. I suggest that we do this by creating a collaborative document that we can use to come up with a list of things that we want to learn from each platform. We can discuss these at the Friday meeting.
- the personas and user interviews aren’t complete yet. These should be complete by 15th August.
@klosi asked in the chat room about changing the meeting time. We’ll need a time that will accommodate people in the following time zones.
Anyone got a suggestion about a good time?
If anyone wants to join in, you can join our gitter chat room here.
We recently performed some quick user tests on the Media Grid (at Beta 2) to see how users fare when performing various tasks, and came out with some interesting results.
TL;DR - The concept of the Media Grid was intuitive and easy for users to understand, especially navigation and editing metadata; however, uploading media and bulk selection tasks were still problematic for most. A lot of work could be done to make these more straightforward.
We also tested hiding all metadata (title, mime type, etc.) from the grid view, and saw no difference in performance, which hints at the possibility that metadata is not as important here as it is in the list view.
Follow the jump to see more details about this round of user tests. (More …)
Thanks everyone for coming to the very first meeting about image editing. It’s excited to have a group of people ready to tackle this! The video of the meeting is here. Here’s what we discussed:
Name: Our name is “Image Flow”
Scope: The scope of the project is to look at how we can improve image flow in WordPress, including uploading and editing.
The process will go in the following stages:
1. Research: (Current Phase) – competitor analysis, user interviews, personas, document current workflows, ideal workflows
2. Wireframes: proposing different wireframes for the plugin
3. Development: coding a crazy storm, testing, feedback, iterating
Current tasks are as follows:
- interviews: @mor10 is working on user interviews (3 completed so far). We would like five or six. @mor10 to either complete all interviews or make interview questions available in Google Folder and delegate
- personas: @sonjanyc is taking point with personas. The persona is to be updated. Info from @mor10‘s user interviews to be integrated with the personas
- competitor analysis: Daniel is taking point on carrying out the competitor analysis. In the first stage this will focus on how other platforms deal with image uploading and editing.
- information organisation – Daniel will be responsible for ensuring that documentation in the Google Folder
Tasks we need help for:
-interview write-ups: someone need to watch @mor10‘s videos and write them up for make/ui. The write up should include: 1) a summary with info about the type of user, 2) a list of problems encountered by the user, 3) suggestions for improvements that would help that user.
-document workflows: we’ve created a list of tasks that a user would do in the image editing workflow. It would be useful to document these with screenshots. By working through the workflows we can identify stumbling blocks.
I won’t be here next Friday (holiday!!) so I appoint @mor10 to set up the meeting. Please check in with progress and to see if anyone needs help. If anyone needs set up on make/ui please bother @samuelsidler
We’re having the first meeting of the image editing group tomorrow: Friday at 18:00 UTC. Below is the agenda:
1. General Introductions
2. Discussion of project scope (and name) (also, talking about the feature plugin process)
3. Discussion of project stages
4. Review of work done so far (personas, user interviews, competitor analysis)
5. Assigning tasks
If anyone has anything else that they would like discuss, please leave a comment.
I will post the link to the Google Hangout here 15 mins before the chat.