605917 - Press Center: Design New Spokesperson Bios Page

Status: RESOLVED FIXED

(Marketing :: Design, task)

Description

[Tara (musingt)]

This is a new page to the Press Center for Spokesperson Bios.  Attached please find a doc with all the content.  This should be a long scrolly page with anchor links at the top listing all the spokespeople for easy navigation.

Comment 1

[Tara (musingt)]

Attachment: Sitemap: Pres Center "Spokesperson Bios" page

Comment 2

[Tara (musingt)]

Attachment: Content: Spokesperson Bios

Comment 3

[Lee Tom]

Hi Tara,
Linked here is the first mock up for Spokeperson Bios:

http://intothefuzz.com/leetom/Mozilla.com/JPG/presscenter_bios_01.jpg

Comment 4

[Tara (musingt)]

Looks great Lee, thanks.  Could you also mock it up with the side nav links showing?  Its already very text heavy up at the top... curious to see what it looks like with those links included.  Overall though I like the layout and presentation.  Shannon, thoughts?

Comment 5

[Lee Tom]

Sure Tara. Here's an updated version:

http://intothefuzz.com/leetom/Mozilla.com/JPG/presscenter_bios_01.jpg

Comment 6

[John Slater]

We could always try other approaches, like having the speaker names appear in a
pull-down menu. The tradeoff is that they wouldn't as discoverable/visible, but
it would look cleaner. There's also the +/- approach that we've done on a few
page (like at a glance).

Shannon, what do you think?

Comment 7

[Tara (musingt)]

Yah, it feels very texty... especially with the links in there.

Comment 8

[Shannon Prior]

Hi all - Not sure from a design perspective what would look best. We are going to be adding more spokespeople as well - so I am okay with doing a +/- if we think that will look good. Although it feels like it would be a bit of effort going through the bios and hitting a +/- if I am trying to find a specific person. 

I have some changes to the content and some more changes are likely to come within the next week (as we are adding spokespeople and updating bios.) 

Otherwise, the design looks great.

Comment 9

[Tara (musingt)]

Agree that ideally we'd list them all out... I wonder if it would look too weird to just list them all in one column on the left, vs. the split column approach.  It would leave a lot of empty space on the page, and push the actual bios further down... but it's the only other suggestion I can think of aside from the +/- approach...

Comment 10

[John Slater]

Shannon, can you define the main goal and use case of the page? For example, do we need to optimize it for easy scanning, or for people to search for a particular person, or to browse through photos/titles to find the right person, etc?

Let us know your ideal scenario for how this page would be used and what the most important things for people to see are and Lee can figure out a design solution that works.

Thanks!

Comment 11

[Shannon Prior]

I think it is twofold - one of the main goals would be to point people to the page so they can see the bio of the person they are trying to reach (speaking, interviewing, meeting, etc.) and being able to download a high-res version of their photo. 

Another is to browse the page to learn about Mozilla spokespeople as well as pick out who you want to interview, speak at your event, etc. 

Ex) I am a mobile reporter and want to interview someone about Firefox's mobile. Would be great if I could go to the page and see that Stuart is the director of mobile and request an interview with him 

Make sense?

Comment 12

[Lee Tom]

Hi guys,
Here's another version of the page:
http://intothefuzz.com/leetom/Mozilla.com/JPG/presscenter_bios_02.jpg

- left aligned the personnel list
- ea profile is present one at a time
- links to DL hi-res photo and link to get in touch

Comment 13

[John Slater]

I like this!

Shannon & Tara, what do you guys think?

Comment 14

[Shannon Prior]

Thanks, Lee - I think this version is much better on the eyes.

Comment 15

[John Slater]

Tara, ready for PSDs?

Comment 16

[Tara (musingt)]

This rocks!  very awesome solution.  PSD time!

Comment 17

[Lee Tom]

Awesome! 

PSD here:
http://intothefuzz.com/leetom/Mozilla.com/PSD/presscenter_bios_02.psd