Make WordPress Core

Opened 12 years ago

Closed 12 years ago

Last modified 12 years ago

#24832 closed task (blessed) (fixed)

About Page and Feature Pointers for 3.6

Reported by: markjaquith's profile markjaquith Owned by: nacin's profile nacin
Milestone: 3.6 Priority: normal
Severity: normal Version: 3.6
Component: Help/About Keywords:
Focuses: Cc:

Description

The new Revisions location could use a feature pointer. Anything else?

Attachments (22)

24832.diff (3.1 KB) - added by markjaquith 12 years ago.
24832.2.diff (3.1 KB) - added by markjaquith 12 years ago.
24832.3.diff (2.7 KB) - added by markjaquith 12 years ago.
24832.4.diff (2.7 KB) - added by markjaquith 12 years ago.
24832.5.diff (2.7 KB) - added by markjaquith 12 years ago.
3.6-about-480x272.m4v.zip (1.2 MB) - added by lessbloat 12 years ago.
3.6-about-640x360.m4v.zip (2.1 MB) - added by lessbloat 12 years ago.
about-twenty-thirteen.png (170.9 KB) - added by lancewillett 12 years ago.
24832.6.diff (2.7 KB) - added by markjaquith 12 years ago.
24832.7.diff (3.1 KB) - added by aaroncampbell 12 years ago.
about-revisions.png (128.1 KB) - added by lessbloat 12 years ago.
about-revisions.gif (116.1 KB) - added by lessbloat 12 years ago.
24832.8.diff (655 bytes) - added by ocean90 12 years ago.
3.6-revisions-wizard-fixed.png (84.1 KB) - added by markjaquith 12 years ago.
24832.9.diff (7.4 KB) - added by markjaquith 12 years ago.
24832.10.diff (7.4 KB) - added by markjaquith 12 years ago.
24832.11.diff (7.3 KB) - added by nacin 12 years ago.
24832.12.diff (7.5 KB) - added by markjaquith 12 years ago.
theme.png (261.8 KB) - added by lancewillett 12 years ago.
Updated Twenty Thirteen screenshot
3.6-about-640x360-iphone.mp4 (1.1 MB) - added by markjaquith 12 years ago.
iPhone compatible mp4
24832.13.diff (1.4 KB) - added by nacin 12 years ago.
24832.14.diff (420 bytes) - added by markjaquith 12 years ago.
responsive video

Change History (71)

#1 @nacin
12 years ago

I can think of up to two more:

  • If we wanted to really cover the revisions feature well: Open up a pointer on revision.php, probably pointing at the slider itself, to explain how cool it is.
  • If we wanted to be really clever: Have a pointer show up the first time someone sees a lock icon on edit.php.

That's all I can think of. I'm a no for one for the menus screen. The revamp isn't really "under the hood", nor is it a big feature. It's a slightly improved UX. Better to just let people adapt to it. If it needs an explanation with a pointer, I feel like we kind of failed in a desire to simply streamline the existing interface.

#2 @nacin
12 years ago

Open up a pointer on revision.php, probably pointing at the slider itself, to explain how cool it is.

And by explain I mean brag.

@markjaquith
12 years ago

#3 @markjaquith
12 years ago

24832.diff Tooltip for revisions, and tooltip for post lock icon. Also, new feature, if defer_loading is set for a pointer, it will actually keep looking for the selector once every 3 seconds until it appears. That way pointers can respond to things that aren't there on initial load.

Last edited 12 years ago by markjaquith (previous) (diff)

@markjaquith
12 years ago

@markjaquith
12 years ago

@markjaquith
12 years ago

#4 @DrewAPicture
12 years ago

24832.4.diff looks pretty good.

How about a pointer on Add Media for audio/video embeds?

#5 @nacin
12 years ago

  • Component changed from General to Help/About
  • Summary changed from Feature Pointers for 3.6 to About Page and Feature Pointers for 3.6

#6 @nacin
12 years ago

In 24802:

About page for 3.6.

  • Colorful New Theme
  • Write with Confidence
  • Support for Audio and Video
  • Under the Hood

Screenshots to come. Under the Hood to be finalized and thus not yet offered for translation.

props aaroncampbell, coffee2code, duck_, lessbloat, markjaquith, nacin, samuelsidler, siobhan.
see #24832.

@markjaquith
12 years ago

#7 @markjaquith
12 years ago

24832.5.diff fixes a positioning bug for the lock pointer and improves the tooltip copy with some help from Siobhan.

#8 @markjaquith
12 years ago

In 24853:

Tooltips for 3.6 features: Revisions, Post Locking.

Props siobhan. See #24832 for trunk.

#9 @markjaquith
12 years ago

In 24854:

Tooltips for 3.6 features: Revisions, Post Locking.

Props siobhan. See #24832 for 3.6.

#10 @nacin
12 years ago

In 24855:

Remove unnecessary cap checks from [24854]. You need these capabilities (or equivalent) to access the screens for these feature pointers. see #24832.

#11 @nacin
12 years ago

In 24856:

Remove unnecessary cap checks from [24854]. You need these capabilities (or equivalent) to access the screens for these feature pointers. see #24832.

Merges [24855] to the 3.6 branch.

#12 follow-up: @lessbloat
12 years ago

About page videos in various sizes:

  • 3.6-about-480x272.m4v.zip
  • 3.6-about-640x360.m4v.zip​
  • HD version which was too big to upload

Let me know if you want any modifications.

#13 @lancewillett
12 years ago

Twenty Thirteen screenshot, crunched PNG and retina-optimized.

Last edited 12 years ago by lancewillett (previous) (diff)

@markjaquith
12 years ago

#14 @markjaquith
12 years ago

24832.6.diff has copy updates for "under the hood" on the about page.

#15 @aaroncampbell
12 years ago

24832.7.diff is a tweak on the shortcodes section. I was trying to pull out the filter name because it looked overly technical, especially next to all the other sections.

#16 in reply to: ↑ 12 @adamsilverstein
12 years ago

Replying to lessbloat:

About page videos in various sizes:

  • 3.6-about-480x272.m4v.zip
  • 3.6-about-640x360.m4v.zip​
  • HD version which was too big to upload

Let me know if you want any modifications.

these videos all seem to be 10 seconds long, am I missing something? want to see the two bearded dudes high five and snap again!

#17 follow-up: @markjaquith
12 years ago

these videos all seem to be 10 seconds long, am I missing something?

Just looking for a quick sample video that is both available for us to use (this one was shot by Mullenweg, so it is), and not language-specific.

#18 @markjaquith
12 years ago

In 24888:

Improve the 3.6 about page "Under the Hood" copy.

Props markjaquith, aaroncampbell. See #24832 for trunk.

#19 @markjaquith
12 years ago

In 24889:

Improve the 3.6 about page "Under the Hood" copy.

Props markjaquith, aaroncampbell. See #24832 for 3.6.

#20 @nacin
12 years ago

In 24892:

Make remaining about strings translatable. Final tweaks to strings and ordering of "Under the Hood". see #24832.

#21 @nacin
12 years ago

In 24893:

Make remaining about strings translatable. Final tweaks to strings and ordering of "Under the Hood". see #24832.

Merges [24892] to the 3.6 branch.

#22 @lessbloat
12 years ago

Two options for the revisions screenshot:

1) about-revisions.png is a static crunched png.
2) about-revisions.gif is a two state animated gif.

#23 in reply to: ↑ 17 @adamsilverstein
12 years ago

Replying to markjaquith:

these videos all seem to be 10 seconds long, am I missing something?

Just looking for a quick sample video that is both available for us to use (this one was shot by Mullenweg, so it is), and not language-specific.

ah, i see; thought we were getting that full 'introducing 3.6' video.

@ocean90
12 years ago

#24 @ocean90
12 years ago

24832.8.diff adds the missing ME.js URL which seems to be missing in [24893].

#25 @nacin
12 years ago

In 24897:

Final about page string. see #24832.

#26 @JustinSainton
12 years ago

echo _e...should just be _e()

#27 @nacin
12 years ago

In 24898:

Final final about string fixes. see #24832.

#28 @nacin
12 years ago

In 24899:

Merge [24898] to the 3.6 branch. Overwrites [24897]. see #24832.

#29 @nacin
12 years ago

In 24900:

About page: Fix jQuery version # and decouple this from the string, as we had done in WP 3.3. see #24832.

#30 @nacin
12 years ago

In 24901:

About page: Fix jQuery version # and decouple this from the string, as we had done in WP 3.3. see #24832.

Merges [24900] to the 3.6 branch.

#31 @markjaquith
12 years ago

3.6-revisions-wizard-fixed.png is a new screenshot for revisions, riffing on lessbloat's one.

#32 @nacin
12 years ago

In 24913:

Copy about.php string to freedoms and credits. Update CSS for 3.6 credits. see #24832.

#33 @nacin
12 years ago

In 24914:

Copy about.php string to freedoms and credits. Update CSS for 3.6 credits. see #24832.

Merges [24913] to the 3.6 branch.

@markjaquith
12 years ago

#34 @markjaquith
12 years ago

24832.10.diff Implements the screenshots and a working video player. I had to mess with the CSS rules which up until this point were only expecting us to use images on this page.

#35 @nacin
12 years ago

Looks like image-66 is a bit wide for the video. So I added this:

.about-wrap .feature-section .video.image-66 {
	max-width: 600px;
}

I don't really feel like figuring out what CSS to remove, but my suggestion would be to just style this particular video, rather than adding the .video class throughout. In general the about page CSS can be adjusted a bit each version, with ease, depending on what we need. (Which is why I don't mind the change above.)

@nacin
12 years ago

#36 @aaroncampbell
12 years ago

24832.11.diff looks good to me down to 600px wide (min width of admin)

Regarding the image-66 CSS, I'm fine with it but my worry is that we'll forget to take it out when it's not needed and we'll slowly accumulate cruft.

#37 @markjaquith
12 years ago

24832.12.diff — can't get it to work in IE 8 or IE 7 (which lack video support and should fall back to Flash/Silverlight). But the SAME code works in the theme. What's going on here?

#38 @nacin
12 years ago

  • Owner set to nacin
  • Resolution set to fixed
  • Status changed from new to closed

In 24925:

Add screenshots and video to about page. props markjaquith. fixes #24832.

#39 @nacin
12 years ago

In 24926:

Add screenshots and video to about page. props markjaquith. fixes #24832. for trunk.

@lancewillett
12 years ago

Updated Twenty Thirteen screenshot

#40 @lancewillett
12 years ago

Props photomatt for pointing out Twenty Thirteen screenshot showed "out of date" hardware. :)

New Twenty Thirteen screenshot attached with MacBook Pro Retina and iPhone 5.

#41 @nacin
12 years ago

Follow-up to IE issue: #24902.

@markjaquith
12 years ago

iPhone compatible mp4

#42 @markjaquith
12 years ago

  • Resolution fixed deleted
  • Status changed from closed to reopened

3.6-about-640x360-iphone.mp4 is a reëncoded version of the file that works on iOS. The previous one did not — maybe because of too high of a bitrate, or a codec issue. I verified that this mp4 version does.

Also have to get Lance's updated screenshot in.

#43 @nacin
12 years ago

  • Resolution set to fixed
  • Status changed from reopened to closed

In 24942:

Update about page for new screenshot and new video encoding. Remove old screenshots directory. fixes #24832.

#44 @nacin
12 years ago

In 24943:

Update about page for new screenshot and new video encoding. Remove old screenshots directory. fixes #24832.

props lancewillett, markjaquith.

Merges [24942] to the 3.6 branch.

@nacin
12 years ago

#45 @nacin
12 years ago

  • Resolution fixed deleted
  • Status changed from closed to reopened

Two issues:

  • Our about.php responsiveness can cut off the videos really easily. Being looked at by MarkJaquith.
  • Opera 12 fails to load ogv on first try — specifically limited to MediaElement.js. But, it works fine in Opera 15 (Chromium). Fixing the about page to only send mp4 to Opera, but otherwise leaving things alone. 24832.13.diff (See lengthy IRC conversation)

#46 @nacin
12 years ago

In 24950:

On the about page, only serve Opera mp4. Pre-Chromium Opera and MediaElement.js doesn't load ogv (video/ogg). see #24832.

#47 @nacin
12 years ago

In 24951:

On the about page, only serve Opera mp4. Pre-Chromium Opera and MediaElement.js doesn't load ogv (video/ogg). see #24832.

Merges [24950] to the 3.6 branch.

@markjaquith
12 years ago

responsive video

#48 @markjaquith
12 years ago

  • Resolution set to fixed
  • Status changed from reopened to closed

In 24952:

Make the About video responsive.

fixes #24832 for trunk.

#49 @markjaquith
12 years ago

In 24953:

Make the About video responsive.

fixes #24832 for 3.6.

Note: See TracTickets for help on using tickets.