1112223 - QA Webmaker.org splash page and IA on staging server

Status: RESOLVED FIXED

(Webmaker Graveyard :: webmaker.org, defect)

Description

[Bobby Richter [:secretrobotron]]

- Ricardo will write script for functional review
- Cassie to check
  - typography
  - colors
  - responsive viewports
  - spacing
  - image quality
- Get a bunch of people to help run through scripts & identify problems

Comment 1

[Bobby Richter [:secretrobotron]]

@aki: can you plop the browser support matrix here?

Comment 2

[Aki Rose Braun [:akirose]]

some versions I came up with based on our google analytics traffic

- FireFox 33+ 
- Chrome 38+
- IE 10+
- Safari 7+

- FF Android (latest)
- Android Browser 4+
- Mobile Safari (latest)

min viewport width: 320px
max viewport width: 1920px

Comment 3

[Cassie McDaniel [:cassiemc]]

Page is looking *awesome*! So excited! A couple things I wanted to let you know quickly, then I'll continue the rest of the review...

* I'm still not liking the wide treatment of the nav (huge rivers between links). Looks a little higgledy-piggledy. Here's a mock of how I think it could be improved at Desktop res: http://cl.ly/Z2W0

Note that the first 'explore' link is slightly inset from the Webmaker logo, so that the two round shapes roll off of each other and still appear in alignment (little visual trickery), for a nice strong line on the lefthand side of the page. That second image in the above link shows the guides.

* When I click 'Explore' I get this. http://cl.ly/Z2X4 Styles not loading?

Comment 4

[Ricardo Vazquez [:ricardo]]

Attachment: https://docs.google.com/a/mozilla.com/document/d/1opODI1tfAxdWqR0nUMb69wAbnlI6Z9UFAZ-gBeNxdw0/edit?usp=sharing

Functional script that Andrew and I created. Link is available to edit to anyone within Mozilla.

Comment 5

[Cassie McDaniel [:cassiemc]]

Just to clarify, Bobby said Ricardo thought I was looking at an old version? I was not. I actually prefer the links left-aligned at wider resolutions, as per my adjusted design here: http://cl.ly/Z2W0

I think the layout is currently responding to an underlying grid (which is not actually evident in the layout). Ricardo, please ping me if you want to discuss!

Comment 6

[Aki Rose Braun [:akirose]]

https://webmaker.mofostaging.net/en-US/explore should be working now, thanks to a quick fix pushed by jbuck!

Comment 7

[Ricardo Vazquez [:ricardo]]

Attachment: https://github.com/mozilla/webmaker.org/pull/1052

Found an issue while doing testing on splash page. Adding hover states to icons in Jump In section.

Comment 8

[Bobby Richter [:secretrobotron]]

Ricardo fixed nav alignment in https://bugzilla.mozilla.org/show_bug.cgi?id=1111822 as well (https://github.com/mozilla/webmaker.org/pull/1051).

Comment 9

[Ricardo Vazquez [:ricardo]]

Attachment: https://github.com/mozilla/webmaker.org/pull/1056

More large breakpoint nav improvements.

Comment 10

[Bobby Richter [:secretrobotron]]

Typo:

under "more than code" 
netowrks should be networks

Comment 11

[Bobby Richter [:secretrobotron]]

Attachment: https://github.com/mozilla/webmaker.org/pull/1058

Comment 12

[Bobby Richter [:secretrobotron]]

Looks like the 4th A/B split is missing the device image: https://webmaker.mofostaging.net/en-US/home-4

Comment 13

[Aki Rose Braun [:akirose]]

Ricardo removed those. Ricardo, is there a reason for that?

Comment 14

[Ricardo Vazquez [:ricardo]]

Hey Bobby, I removed the devices on that variant because we want to test photo imagery versus illustration and see which one yields better conversions.

Comment 15

[Bobby Richter [:secretrobotron]]

(In reply to Ricardo Vazquez [:ricardo] from comment #14)
> Hey Bobby, I removed the devices on that variant because we want to test
> photo imagery versus illustration and see which one yields better
> conversions.

Ah! Ok, got it. Going to remove devices from 2nd variant as well then, so tests between 2 & 4 make sense.

Comment 16

[Bobby Richter [:secretrobotron]]

Attachment: https://github.com/mozilla/webmaker.org/pull/1061

Comment 17

[Bobby Richter [:secretrobotron]]

Attachment: https://github.com/mozilla/webmaker.org/pull/1063

Comment 18

[Bobby Richter [:secretrobotron]]

Attachment: https://github.com/mozilla/webmaker.org/pull/1065

Comment 19

[Bobby Richter [:secretrobotron]]

I'm calling this closed :). File new bugs for problems found hereon out! Yay!