5/21 meeting recap

Overall, a pretty quick meeting. We’re getting closer.

Install user flow

I really want to look how the bookmarklet, extension, and app are installed this week.

User color scheme

We should look at pulling the user’s admin color scheme.

A/V embeds

Mockups/design needs to be addressed.

Desktop Modal

Screen Shot

  • Added minimal WYSIWYG
  • Added modal toggle button (needs a bit more iteration)
  • One image selected for featured/first image with left/right buttons to cycle through other images

#desktop-mockups

5/14 meeting recap

Modal

We’ve decided to load Press This in as a modal instead of a new window.

Pressed images

Looking at showing a single image that you could cycle through or remove. (like Facebook, but nicer)
Adding the ability to add more images to the camera button.

Dragon drop

I’m going to do a couple mockups showing what dragging or adding images from the website to the editor might look like.

Copy pasta

We agreed that adding copy from a page via copy/paste should add it as a blockquote.

Markdown

There’s a bit of a discussion on this. Composing post just for this.

WYSIWYG

I’ll do some mockups with a barebones WYSIWYG (B, I, quote, list)

Embeddables

I’m going to do some mockups as to how embeddables will look. This includes audio, video, and oembed.
For reference: https://codex.wordpress.org/Embeds#Okay.2C_So_What_Sites_Can_I_Embed_From.3F

Press This Desktop

I’ve taken into account ideas from @folletto and @stephdau in these latest set of mockups.

Post after pressing an website

Press this bookmarklet Post
* The images are arranged and sized by priority using meta-data.
* The interface colors and buttons are pulled from WordPress defaults.

Post with images selected

Press this bookmarklet Post with selected images
* After selecting images, they are inserted where the cursor was last or at the top.

Image dragging

If feasible, it would be nice to have drag and drop usage as well to add and move media around. I think it would be a nice fairly discoverable way to easily move images around on both desktop and mobile.
Press this bookmarklet Post dragged image 1
The paragraphs shift to show where the image will go.
Press this bookmarklet Post dragged image 2
Press this bookmarklet Post dragged image 3

Image Added

On release (if dragged) or insert, the image is dropped in full-width.
Press this bookmarklet Post image in added

Empty post

An empty post to show the placeholders
Press this bookmarklet Post empty

A pressed quote

Press this bookmarklet Post with quote
* This is still using markup.
* Strong and emphasis are shown.

#desktop-mockups

Ladies and gents, we have…

Ladies and gents, we have https://wordpress.org/plugins/press-this/

  • http://plugins.trac.wordpress.org/browser/press-this/
  • http://plugins.svn.wordpress.org/press-this/

https://github.com/MichaelArestad/Press-This will remain the master for the development cycle.

So far so good

Our first meeting will be Wednesday (tomorrow) at 16:00 UTC in #wordpress-ui.

For those jumping in, here’s a pretty good summary of what we’ve been up to so far:

For Reference:

To do:

  • Make a darn cool plugin
  • MOAR INTERVIEWS!
  • Some research on what we can and can’t do with phones/tablets
  • Figure out a good place for users to find/install Press This
  • See if we can be ultra clever and add site-switching functionality
  • More mockups probably
  • And whatever else I’m forgetting

Technical Notes on Codex Page

The Codex page for Press This mainly consists of bug workarounds.

http://codex.wordpress.org/Press_This

Press This Mobile – Pressing a website

Thoughts on adding media from a site. I think I may add a link icon next to the camera for adding more links and a pop up UI of some sort for editing a link already in place.

Screen Shot

#mobile-mockups

Interview 6

This interview was an email exchange, so it took me a little longer to run.

Mel: First off, Press This aside, how often do you write posts?

Aubrey: Personally, I write 3-4 blog posts on my site a month. I always plan to write more, but only ever attack my site when I want to write about some project I’m working on.

Mel: What kinds of topics do you write about?

Aubrey: I write a lot about WordPress, Web Development, How-to’s, and I delve into Buddhism here and there, then finally about personal stuff. Most of my site is geared around WordPress and WordPress Projects (Plugins, Themes) I am working on. (I always feel I should do more actual writing all the time!)

Mel: How long are the posts you usually write? Short: 0-2 paragraphs, Medium: 3-5 paragraphs, Long: 5+ paragraphs

Aubrey: I probably average in the 3-5 paragraph range.

Mel:How often do you use Press This to write posts?

Aubrey: I’d say, on my blog, once a month, maybe twice.

Mel:What kind of things do you use Press This for? (links, images, video, etc.)

Aubrey: I usually only use Press This when I want to share something that I see quickly on my blog. I don’t actually use it often because I feel like it could be more robust than just creating a link. It tries with select and embed codes, etc, but it doesn’t seem to nail it. But, I intend to write a new post without having to /wp-admin, etc. Usually these posts and sweet and simple, not a full written post.

Mel: Can you walk me through your process when you compose a post with Press This? From “oh hey I just found this thing” to “published”

Aubrey: I usually land on something that I want to share. I click Press This and it comes up with a link to it. I usually go back and copy a quote from the page and block quote it (because the select method doesn’t do this). Underneath I usually write something about why I like it. Then I make the link open to _blank. I categorize it, tag it, publish.

Mel: Do you find yourself sharing media in Press This despite how difficult it is?

Aubrey: Not much really. Video’s maybe, and it works okay for that.

Mel: Do you ever…
Mel: Change post formats?

Aubrey: Not really, I’m not really a fan of them.

Mel: Add tags or categories?

Aubrey: Always adding taxonomy to posts, categories and tags.

Mel: Schedule posts?

Aubrey: Rarely, but when I do it’s because I’m writing at 12am and want it to post in the morning.

Mel: Add featured images?

Aubrey: When I’m using a theme that supports it, yeah. But, I rarely use a theme that does.

Mel: Do you have a smartphone? If so, what kind? (iphone, android, windows, etc.)

Aubrey: iPhone 5S

Mel: Do you ever write posts from your phone? If so, do you post them from the WordPress iOS app, or from your phone’s mobile browser?

Aubrey: Definitely from the browser version, it works great now that it’s mobile. The iOS app is just to limiting, and even though I am a developer, editing using code isn’t optimal. But, yeah, for sure the wp-admin pulled up in Chrome on my phone.

Mel: Does your process for adding a new post on your phone end up being any different than if you wrote a post from your desktop/laptop?

Aubrey: See below. Usually forces me to write mostly text, maybe an image. I rarely use the phone interface, I usually use it more to edit current posts, maybe manage posts, etc. Not much writing.

Mel: Does the type of post you write change if you’re writing from your phone?

Aubrey: I usually am writing a smaller post, obviously, because I have to use a tiny keyboard haha. Maybe I might upload a photo from my phone, but that’s about it. I still tag, categorize, etc. I don’t usually add many images and those are usually all text for the most part.

#user-interview

Bookmarklets and Extensions: multi-blogs

Summary of an exchange on the possible architecture choices for the component.

  • It’s a single HTML files loaded from wp-admin of the individual blog.
  • The same single HTML file can be included “as-is” as the core of a Chrome (Safari/Firefox) extension we might release, in a way that gets extended.

Specifically:

  1. That HTML is loaded by the Bookmarklet from the installed WP.org (yourdomain.com/wp-admin/js/press-this-bookmarklet.html, loading JS and CSS too).
  2. Each bookmarklet is auto-generated from each blog, pointing to that specific instance of the JS.
  3. The Extension instead is “multi-blog” enabled, thus the UI needs to allow for that flexibility, and will also store locally the data on external blogs.

#architecture