WordPress.org

Make WordPress Core

Opened 9 months ago

Closed 9 months ago

Last modified 9 months ago

#24832 closed task (blessed) (fixed)

About Page and Feature Pointers for 3.6

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

Change History (71)

comment:1 nacin9 months 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.

comment:2 nacin9 months 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.

markjaquith9 months ago

comment:3 markjaquith9 months 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 9 months ago by markjaquith (previous) (diff)

markjaquith9 months ago

markjaquith9 months ago

markjaquith9 months ago

comment:4 DrewAPicture9 months ago

24832.4.diff looks pretty good.

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

comment:5 nacin9 months 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

comment:6 nacin9 months 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.

markjaquith9 months ago

comment:7 markjaquith9 months ago

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

comment:8 markjaquith9 months ago

In 24853:

Tooltips for 3.6 features: Revisions, Post Locking.

Props siobhan. See #24832 for trunk.

comment:9 markjaquith9 months ago

In 24854:

Tooltips for 3.6 features: Revisions, Post Locking.

Props siobhan. See #24832 for 3.6.

comment:10 nacin9 months 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.

comment:11 nacin9 months 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.

comment:12 follow-up: lessbloat9 months 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.

comment:13 lancewillett9 months ago

Twenty Thirteen screenshot, crunched PNG and retina-optimized.

Last edited 9 months ago by lancewillett (previous) (diff)

markjaquith9 months ago

comment:14 markjaquith9 months ago

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

aaroncampbell9 months ago

comment:15 aaroncampbell9 months 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.

comment:16 in reply to: ↑ 12 adamsilverstein9 months 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!

comment:17 follow-up: markjaquith9 months 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.

comment:18 markjaquith9 months ago

In 24888:

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

Props markjaquith, aaroncampbell. See #24832 for trunk.

comment:19 markjaquith9 months ago

In 24889:

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

Props markjaquith, aaroncampbell. See #24832 for 3.6.

comment:20 nacin9 months ago

In 24892:

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

comment:21 nacin9 months 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.

lessbloat9 months ago

lessbloat9 months ago

comment:22 lessbloat9 months 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.

comment:23 in reply to: ↑ 17 adamsilverstein9 months 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.

ocean909 months ago

comment:24 ocean909 months ago

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

comment:25 nacin9 months ago

In 24897:

Final about page string. see #24832.

comment:26 JustinSainton9 months ago

echo _e...should just be _e()

comment:27 nacin9 months ago

In 24898:

Final final about string fixes. see #24832.

comment:28 nacin9 months ago

In 24899:

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

comment:29 nacin9 months ago

In 24900:

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

comment:30 nacin9 months 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.

comment:31 markjaquith9 months ago

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

comment:32 nacin9 months ago

In 24913:

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

comment:33 nacin9 months 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.

markjaquith9 months ago

markjaquith9 months ago

comment:34 markjaquith9 months 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.

comment:35 nacin9 months 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.)

nacin9 months ago

comment:36 aaroncampbell9 months 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.

markjaquith9 months ago

comment:37 markjaquith9 months 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?

comment:38 nacin9 months 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.

comment:39 nacin9 months ago

In 24926:

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

lancewillett9 months ago

Updated Twenty Thirteen screenshot

comment:40 lancewillett9 months 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.

comment:41 nacin9 months ago

Follow-up to IE issue: #24902.

markjaquith9 months ago

iPhone compatible mp4

comment:42 markjaquith9 months 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.

comment:43 nacin9 months 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.

comment:44 nacin9 months 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.

nacin9 months ago

comment:45 nacin9 months 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)

comment:46 nacin9 months 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.

comment:47 nacin9 months 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.

markjaquith9 months ago

responsive video

comment:48 markjaquith9 months ago

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

In 24952:

Make the About video responsive.

fixes #24832 for trunk.

comment:49 markjaquith9 months ago

In 24953:

Make the About video responsive.

fixes #24832 for 3.6.

Note: See TracTickets for help on using tickets.