Issuu on Google+

manifest digital

Metromix Registration Pages Manifest Digital User Experience Services October 22th, 2008


manifest digital

Current Registration Page

Description of Wireframe: This wireframe depicts the current registration page on Metromix.com (user clicked “Sign Up” in the top right corner of the site).

Register Now - It’s Free and Easy! Description of Functionality:

Joining metromix.com is free and only takes a minute. Membership provides instant access to features such as writing reviews, submitting photos and more. Plus, our newest feature, creating playlists, lets you give your two cents on your favorite hot spots and night outs. Get started today!

Account Information (required)

Newsletters (optional) Best Bets Want to get the inside scoop on what’s going on every week? Sign up for our HTML newsletter now and start receiving a weekly e-email chock full of can’t-miss events and the buzz on top restaurants. From the big concerts and the best after-work options to new-on-the-scene restaurants and city-sponsored events, we’ll keep your social life hopping.

Email Address: (e.g., jsmith@metromix.com)

Password: (5-16 characters - letters and numbers only)

Retype Password: Ticketbooth Never hear the words “sold out” again. Be the first to know when music, movie, and theater tickets are going on sale.

Remember me on this computer Gender:

Male

Female

Zip: Check this box if you have a non-U.S. address

Birth Year:

Please check the box if you do not wish to receive e-mail announcements on new features, products and services from metromix.com and selected advertisers and affiliates from time to time. Please check this box if you do not wish to be contacted directly by a non-affiliated advertiser. If you have checked this box, we will not share personally identifiable information provided on this form with non-affiliated advertisers for such purposes. However, we will continue to include you in our e-mail announcements, as explained above. Information is used as described in our Privacy Policy. By registering, I agree to metromix.com’s Terms of Service and Privacy Policy.

SUBMIT

Manifest Digital, Inc. © 2008 Manifest Digital, Inc. All rights reserved.

|

1200 W Lake St., Chicago, 60607

|

p.312.563.1945

|

f.312.803.9669

Page 2


manifest digital

Proposed Registration Page

Description of Wireframe: This wireframe proposes a new design of the registration page.

Register Now It’s Free and Easy!

(All fields are required unless otherwise stated) Email Address:

Joining metromix.com is free and only takes a minute. Membership provides instant access to features such as writing reviews, submitting photos and more. Plus, our newest feature, creating playlists, lets you give your two cents on your favorite hot spots and night outs. Get started today!

Create Password: (5-16 characters - letters and numbers only)

Confirm Password: Remember me on this computer

Gender:

Male

Female

Zip Code: Check this box if you have a non-U.S. address Newsletters should be showcased as if they were products for users to buy. Branding (or merely a simple graphic) will help to distinguish each newsletter and its offerings.

Birth Year:

The descriptive text for each newsletter was shortened (the text you see here is not final and should ultimately be determined by a skilled copywriter). Similar to an “elevator pitch”, we have a very short window to sell the offerings of each newsletter. It has been shown that the majority of online users scan a page and will not dedicate a substantial amount of time reading verbose descriptions. With this approach, our first objective is to pique the interest of users with a pithy description, but also provide quick access to more comprehensive information, if necessary (see the ‘more...’ functionality described on the next wireframe for more details on this)..

Metromix Newsletters (optional) Best Bets Get the inside scoop on what’s going on every week. more...

Ticketbooth Never hear the words “sold out” again. more...

(Page Continued)

Manifest Digital, Inc. © 2008 Manifest Digital, Inc. All rights reserved.

|

1200 W Lake St., Chicago, 60607

|

p.312.563.1945

|

f.312.803.9669

Page 3


manifest digital

Proposed Registration Page - Newsletter Information

Description of Wireframe: This wireframe proposes a new design of the registration page.

Register Now It’s Free and Easy!

(All fields are required unless otherwise stated) Email Address:

Joining metromix.com is free and only takes a minute. Membership provides instant access to features such as writing reviews, submitting photos and more. Plus, our newest feature, creating playlists, lets you give your two cents on your favorite hot spots and night outs. Get started today!

Create Password: (5-16 characters - letters and numbers only)

Confirm Password: Remember me on this computer

The descriptive text for each newsletter was shortened (the text you see here is not final and should ultimately be determined by a skilled copywriter). Similar to an “elevator pitch”, we have a very short window to sell the offerings of each newsletter. It has been shown that the majority of online users scan a page and will not dedicate a substantial amount of time reading verbose descriptions. With this approach, our first objective is to pique the interest of users with a pithy description, but also provide quick access to more comprehensive information, if necessary.

Gender:

Male

Female

Zip: Best Bets Check this box if you have a non-U.S. address Get the inside scoop on what’s going on every week. Sign up for our HTML newsletter now and start receiving a weekly e-email chock full of can’t-miss events and the buzz on top restaurants. From the big concerts and the best after-work options to new-on-the-scene restaurants and city-sponsored events, we’ll keep your social life hopping.

Birth Year:

Metromix Newsletters (optional) Best Bets Get the inside scoop on what’s going on every week. more...

When a user hovers over the ‘more...’ link, the description should automatically pop-up in a small window. The window then closes when the user moves the mouse away from the link.

Ticketbooth Never hear the words “sold out” again. more...

Idea for consideration: Provide a snapshot of a sample newletter to entice users to opt in.

(Page Continued)

Manifest Digital, Inc. © 2008 Manifest Digital, Inc. All rights reserved.

|

1200 W Lake St., Chicago, 60607

|

p.312.563.1945

|

f.312.803.9669

Page 4


manifest digital

Proposed Registration Page (cont) Metromix Newsletters (optional) Best Bets Get the inside scoop on what’s going on every week. more...

Ticketbooth Never hear the words “sold out” again. more...

(Page Continued)

Start Your Metromix Profile (optional) The profile information area is a proposed addition to the registration form. There are advantages to capturing this information during the registration process: 1) Capturing this information now obviates the need for the intermediary error message screen that is issued to first-time creators of comments and reviews (“Your request could not be processed - Please update ‘Neighborhood’ & ‘Screen Name’”). 2) This could potentially increase the number of registered users who upload a profile photo. The prevalence of blank/default thumbnails can make a site feel stale or impersonal. 3) These fields are listed as ‘optional’ to reduce the risk of losing a potential user who is not willing to take the extra time to input this information. 4) Even if a user bypasses this area of the form, the presentation of these fields signals to users that Metromix encourages usergenerated content.

Metromix Screen Name: Your Neighborhood/Suburb: Your Profile Photo: add...

Terms of Service (required) I do not wish to receive e-mail announcements on new features, products and services from metromix.com and selected advertisers and affiliates. I do not wish to be contacted directly by a non-affiliated advertiser. I agree to metromix.com’s Terms of Service and Privacy Policy.

The verbiage here was shortened (the text you see here is not final and should ultimately be determined by a skilled web copywriter).

Manifest Digital, Inc. © 2008 Manifest Digital, Inc. All rights reserved.

Submit Registration

|

1200 W Lake St., Chicago, 60607

|

p.312.563.1945

|

f.312.803.9669

Page 5


manifest digital

Log In or Register (Current Site)

Description of Wireframe: The following wireframe represents the current Metromix screen that is displayed when a user attempts to submit content without first being logged in. The user has the choice to log in or register.

Please register or log in This site feature requires that you be a registered user of metromix.com. Please register or log in to continue.

Not yet registered?

Already registered?

Log in now. Email address: Register as new user Password:

Remember me on this computer Forgot password

SUBMIT

Manifest Digital, Inc. Š 2008 Manifest Digital, Inc. All rights reserved.

|

1200 W Lake St., Chicago, 60607

|

p.312.563.1945

|

f.312.803.9669

Page 6


manifest digital

No changes have been made to this screen. Discussion to follow on how we can enhance this screen and user workflow.

Log In or Register

Please register or log in This site feature requires that you be a registered user of metromix.com. Please register or log in to continue.

Not yet registered?

Already registered?

Log in now. Email address: Register as new user Password:

Remember me on this computer Forgot password

SUBMIT

Manifest Digital, Inc. Š 2008 Manifest Digital, Inc. All rights reserved.

|

1200 W Lake St., Chicago, 60607

|

p.312.563.1945

|

f.312.803.9669

Page 7


manifest digital

Add a Comment (Current Site) What other people are saying...

1 Comment | Addof Your Own Showing only bottom portion page)

Description of Wireframe: username from here on this date and time

This following wireframe shows the in-page log-in and registration fields that are presented when an unknown user attempts to post a comment on the current metromix.com site.

At eu. In luctus diam, et orci interdum turpis dolor, comment here comment here comment here. Report This Comment

Add a Comment You will be prompted to register or log in when posting.

When a user clicks ‘Post a Comment’, the user’s input is saved in the text field, while the log-in and registration fields appear below.

Comment <the user’s comment is saved here. the user’s comment is saved here. the user’s comment is saved here. the user’s comment is saved here. the user’s comment is saved here. >

Please note that by clicking on “Post Comment” you acknowledge that you have read the Terms of Service. Be polite. Inappropriate posts may be removed by the moderator.

POST COMMENT

Log in now.

Not registered?

Email address:

Create an account with metromix.com. Your comment will be posted after you have signed up.

Password:

SIGN UP NOW

Remember me on this computer

POST COMMENT Forgot password

Manifest Digital, Inc. © 2008 Manifest Digital, Inc. All rights reserved.

|

1200 W Lake St., Chicago, 60607

|

p.312.563.1945

|

f.312.803.9669

Page 8


manifest digital

Add a Comment (Fly-Out Login/Register Window) What other people are saying...

1 Comment | Add Your Own

Description of Wireframe: username from here on this date and time

This following is an alternative to consider for the log in / register functionality. A separate window would appear when a user attempts a task that requires signing in to the website.

At eu. In luctus diam, et orci interdum turpis dolor, comment here comment here comment here. Report This Comment

Add a Comment When a user clicks ‘Post a Comment’, the user’s input is saved in the text field, while the login and registration options are issued in the form of a fly-out window. For an example of this type of interaction, click the ‘Log In’ link at the top-right corner of the page on http://nytimes.com/

You will be prompted to register or log in when posting.

Comment <the user’s comment is saved here. the user’s comment is saved here. the user’s comment is saved here. the user’s comment is saved here. the user’s comment is saved here. >

Log in now.

Not registered?

Please note that by clicking on “Post Comment” you acknowledge that you have read the Terms of Service. Be polite. Create an account with metromix.com. Inappropriate posts may be removed by the moderator. Email address:

Your comment will be posted after you have signed up.

POST COMMENT

Password:

SIGN UP NOW

Forgot password?

Remember me on this computer

LOG IN

Manifest Digital, Inc. © 2008 Manifest Digital, Inc. All rights reserved.

|

1200 W Lake St., Chicago, 60607

|

p.312.563.1945

|

f.312.803.9669

Page 9


manifest digital

Write a Review (Fly-Out Login/Register Window)

Description of Wireframe: This following is an alternative to consider for the log in / register functionality. A separate window would appear when a user attempts a task that requires signing in to the website.

When a user clicks ‘Write a Review’, the log-in / registration window is issued. After a user completes either the login or registration process, the system would then take the user to the intended ‘Write a Review’ screen.

Breadcrumb > Breadcrumb ADVERTISEMENT

Lake Side Cafe Email

Log in now.

Read Reviews | Write a Review

Create an account with metromix.com. Your comment will be posted after you have signed up.

Email address: Send to Phone

Address Line 1 Address Line 2 Address Line 3 Phone

Share

Password:

Add to Favorites

WHAT’S (MAP) SIGNNEARBY UP NOW

Add to playlist

Update/correct this listing | Upload your photo

Make a Reservation

Not registered?

Print View

Forgot password?

Wide Skyscraper 160X600

Tatus caedo, conius, comnius quamdit, Catum tus cum se Remember me on this computer capernu que cla num publina, factum intes me conterente, ne tus egerbis iam auctumus perem cae num qui iam movide cuLOG IN tus? Hemquid eessum orum pubitam adhuit in tatuam sedo, co Catquo consulocat. Veris in te ce nonsil vatus muspimum ponsis condum actum, publice rratum adhuc tus. etebatrat, sultus cus, etrescem, si coenatur quem ditum id cris? Em talicae caecut C. Quam hocchui diteat nos prox mus, et adet patus hae nis in te nossatrac firi publium

ADVERTISEMENT ADVERTISEMENT See more: linklinklink, linklinklink, linklinklink, linklinklink, linklinklink, linklinklink, linklinklink, linklinklink,

Medium Rectangle 300X250

GETTING THERE

Information:

Description of information

Information:

Description of information

Information:

Description of information

Manifest Digital, Inc. © 2008 Manifest Digital, Inc. All rights reserved.

|

1200 W Lake St., Chicago, 60607

|

p.312.563.1945

|

ADVERTISEMENT

f.312.803.9669

Page 10


manifest digital

Discussion Points

Open Questions: - In what ways is the current log-in / registration functionality not meeting our needs? - What are some possible changes to the user workflow that we could explore? - The log-in / registration workflow for submitting a comment is handled differently than from submitting a restaurant review (display in-page fields versus taking the user to the log-in / register screen); please discuss. - Please define all scenarios/activities for which a user must be logged in. - Are there alternative options you may have discussed but were not represented in these wireframes?

Manifest Digital, Inc. Š 2008 Manifest Digital, Inc. All rights reserved.

|

1200 W Lake St., Chicago, 60607

|

p.312.563.1945

|

f.312.803.9669

Page 11


Wireframes