|
Registration Process
: :
Initial Design |
 |
1a
|
|
Home
Page
1st Step: Sign up
|
|
|
|
Active
area, with suggestions from editors. More likely after customized.
Inspiration: Amazon.com |
|
|
|
|
|
Showing
Chris examples with Editor's picks, we will give her a better idea
what she will get at her MySFnight at a Glance |
|
|
|
|
|
|
|
|
Sign
Up! entrance in several points |
|
|
|
|
|
|
|
|
|
|
|
Newsletter:
include quick sign up in every page. This was solved by adding the
form entrance in the left navigation bar, which is available from
every page. |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1b
|
|
1st
Step: Sign Up
|
|
|
|
This
option includes tumbernails of the pick events, which provides more
context to our personas. |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
 |
|
 |
1c
|
|
1st
Step: Other
Design Options Evaluated
Sign
up |
|
|
|
|
|
|
|
|
|
These
options still with the same problems of the "wasting area",
but provides a better solution for Bar Goers sign up and Bar Owners/players
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2a
|
|
2nd
Step:
Registration Form |
|
|
|
|
|
|
Only
one step (form) for registration |
|
|
|
|
|
Optional
vs Required: Symbols and/or colors will indicate what is Option
and what is Required. |
|
|
|
|
|
No
name or address: this is not a commercial user profile |
|
|
|
|
|
Be
carefull with the word Password: Since Chris will have to include
her e-mail, a MySFnight code (or password) will be required. It
is very common people enter their own e-mail password. |
|
|
|
|
|
Make
clear always: Bellow each title, some explanation of how this
will help Chris |
|
|
|
|
|
The
Preferences are for MySFnight, and for the newsletter that Chris
would like to sign up. |
|
|
|
|
|
The
Newsletter is now optional |
|
|
|
|
 |
2b
|
|
2nd
Step:
Registration Form |
|
|
|
|
|
|
Maybe
separating what is Optional and aggregating them might be a better
solution |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
........
|
|
|
3
|
|
After-Registration:
MySFnight at a Glance |
|
|
|
|
|
|
Just
after Create MySFnight, Chris will receive a Welcome page and at
the Home Page, the editors' pick will change according to her choices.
|
|
|
|
|
|
She
also will receive a confirmation e-mail, since she checked the Newsletter |
|
|
|
|
|
For
Stefan also will be more clear what that area is, and how to get
more like his preferences. |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
 |
4
|
|
Newsletter
Sign up:
Short Cut |
|
|
|
|
|
|
In
case Chris, did not see MySFnight sign-up or did not feel interested
on do it, she also has the option to type her e-mail in the Newsletter
field, that is available in every page. |
|
|
|
|
|
She
also will receive a Welcome page with options in case she prefers
a customized Newsletter |
|
|
|
|
|
A
e-mail confirmation was sent to her and she will get information
how to remove, change her options and so on. |
|
|
|
|