ModernFamilies.net SA Umeå University
modernfamilies.net
Document History
Version
Date of creation Description Author
Sat May 02 2009 1.0 Front Page MV
Date of last edit Mon May 04 2009
Mon May 04 2009 1.0 Welcome Screen MV
Tue May 05 2009 Mon May 11 2009 1.0 Main Page MV
Wed May 06 2009 Mon May 11 2009 1.0 Profile Screen - Personal Info MV Tue May 05 2009
Thu May 07 2009 Sun May 10 2009 1.0 Profile Screen - Relatives MV
Sun May 10 2009 Mon May 11 2009 1.0 Help MV
Sun May 10 2009 Mon May 11 2009 1.0 People Chooser MV
Mon May 11 2009 Mon May 11 2009 1.0 MV
Tue May 05 2009 Tue May 05 2009 1.0 Mini View MV
Mon May 11 2009 Mon May 11 2009 1.0 MV
Add Relative Invite
Site Info
Main grid: 64 x 64 px Sub grid: 8 x 8 px Resolution: 1024 x 768 px Optimized: 800 x 600 px Legend
Mon May 25 2009 Tue May 26 2009 1.0 Add Relative - Results MV
Mon May 25 2009 Tue May 26 2009 1.0 Add Deceased MV
Mon May 25 2009 Tue May 26 2009 1.0 Define Relationship MV
Mon May 25 2009 Tue May 26 2009 1.0 Specify Relationship MV
Mon May 25 2009 Tue May 26 2009 1.0 Send Request MV
Mon May 25 2009 Tue May 26 2009 1.0 Confirmation MV
Wed May 27 2009 Wed May 27 2009 1.0 Flowchart added MV
modernfamilies.net Version: 1.0
Created: Sat May 02 2009 Last edited: Fri Jun 05 2009 Confidential
Marleen Vanhauer Umeå University
Page 2
Flowchart
Annotations
Changes since last edited
Open issues None
None
Changes affecting the flow of the site are
shown in black.
1024 px x 768 px
800 px x 600 px
For Free
Keep in touch with your entire family
modernfamilies
.net
THE PRODUCT ABOUT US
NEWS
CONTACT
Register
It's free and easy.
New to Modern Families?
Login
Password
Forgot your password?
Remember me on this computer
Login
MF Mobile For Kids
modernfamilies.net Version: 1.0
Created: Sat May 02 2009 Last edited: Fri Jun 05 2009 Confidential
Marleen Vanhauer Umeå University
Page 3
Front Page
Annotations
Changes since last edited
Open issues None
The front page should load per default in the language related to the client's IP address.
1 Separate access to a kid's version.
More obvious access to the mobile version.
Revised claim to emphasize unique selling proposition.
Indication of free service on front page is crucial.
Registration option made more obvious to first-time visitors.
Simplified Login only with e-mail-address and password.
Renamed "Store credentials" to
"Remember me on this computer" for better understanding.
Shortened "I have forgotten my
password!" to "Forgot your password?"
and replaced for better visibility.
2 3 4 5 6 7
8 1
3 2
4
4
5 6
7
8
Minimum font size throughout the entire page is 12 pt.
9 9
1024 px x 768 px
800 px x 600 px
X
Close
Don't show this screen at startup
Welcome to modernfamilies.net!
Getting Started:
You can access this screen at any time again from the help menu.
Invite persons to join Introduction
Personal messages
Add persons
Write stories
News
modernfamilies.net Version: 1.0
Created: Sat May 02 2009 Last edited: Fri Jun 05 2009 Confidential
Marleen Vanhauer Umeå University
Page 4
Welcome Screen
Annotations
Changes since last edited
Open issues None
1 Added "Getting Started" (in the German version: "Erste Schritte") in headline to support manual character.
2 "Navigation" replaced by "Introduction".
1
2
3 3 Shortened text replaced below headline.
Choose autonomous icon for "Introduction"
1024 px x 768 px
800 px x 600 px
FirstName LastName Husband First
N ame
L
a stName Me
VIEWS RELATIVES
0 NEWS STORY
MESSAGE
INVITE
GAMES
TOOLS
Family Tree View - showing both alive and deceased, close relatives
Need help?
Ask Andreas!
FirstName LastNames's Family Back to my own family
modernfamilies.net Version: 1.0
Created: Sat May 02 2009 Last edited: Fri Jun 05 2009 Confidential
Marleen Vanhauer Umeå University
Page 5
Main Page
Annotations
Changes since last edited
Open issues None
1 Persons and relations are handled as
"Relatives" directly accessible from the side bar navigation. Here is where they can be added, edited, deleted etc..
1
2 Modified shape of "Help" element
(formerly resembling the representation of a relative) to avoid being mistaken for a member of the family.
2
4 Tooltip help explaining the difference between views.
5 Increased height of family tree node to display first and last name along with relationship offset, font size (exception):
10 pt with possibility to enlargement with magnifying tool.
5
6 Magnifying tool sliding out on mouse over similar to "Views" above. Once an item is selected menu slides back itself.
3
4
Added horizontal scrollbar for making larger family trees visible at a small screen resolution.
6
3
FirstName LastName Daughter
7 Minimized layer incl. icon. Added "Back to my own family" text link in addition to icon.
7
1024 px x 768 px
800 px x 600 px
View Network Write Story
Stories
Close
X
Personal Info
Send Message
Add Relative
Me
FirstName LastName
Country, Location
Type in your mood here.How do you feel?
2 Relationship, name of person, country and location summarized in one box and
centered.
1 2
3 Picture frame and menu items moved upwards to make room for mood bubble and name box.
3
3
3
4 "Add a relationship" replaced by "Add Relative" to quickly add a new relative.
4
5 Renamed "Details" to "Personal Info" as in the Profile Center.
5
modernfamilies.net Version: 1.0
Created: Sat May 02 2009 Last edited: Fri Jun 05 2009 Confidential
Marleen Vanhauer Umeå University
Page 6
Mini View
Annotations
Changes since last edited
Open issues None
None
1 Tooltip help and default text to explain
mood message functionality making the
question mark symbol redundant.
1024 px x 768 px
800 px x 600 px
Profile
XMessages Stories
Personal Info
Privacy Settings Relatives
Preferences
About Me
Type in your mood here.How do you feel?
Marleen Vanhauer (Me)
English
Language* Gender* male female
Marleen
First name* Middle name
Vanhauer
Last name* Maiden name
Nick name Former name
Birthplace
Sweden Country
Date of birth YYYY
MM DDOccupation
Location* Umeå Street
Sweden Country*
myemail@gmail.com E-mail
Postal code
General
Address
mv@modernfamilies.net
E-mail* Phone
Close Save
Profile Screen
Personal Info
+
+
modernfamilies.net Version: 1.0
Created: Sat May 02 2009 Last edited: Fri Jun 05 2009 Confidential
Marleen Vanhauer Umeå University
Page 7 1
3
4
5 Option to add further contact details. Click on plus extends form, showing scrollbar if larger than 600 px.
5
5
Annotations
Changes since last edited
Open issues None
Include a menu item which shows a list of a person's places of residence throughout life.
1 Overall size and layout optimized to fit a 800x600 pixels screen.
3 Minimized menu items to save screen space and decrease perception overload.
(Personal Info and Contact Details
merged, Relations renamed to Relatives, Overview removed)
4 Re-organized form for better clarity
2 Rename "Profile" to "Account" or similar, but more general.
2
1024 px x 768 px
800 px x 600 px
Profile
XMessages Stories
Personal Info
Privacy Settings Relatives
Preferences
About Me
Type in your mood here.How do you feel?
FirstName LastName
Relatives
Name Relationship
Country, Location
Delete Photo
Aunt Germany, Berlin
Brother Germany, Potsdam
Aunt Germany, Potsdam
Close
Grandmother Germany, Potsdam
Heinrich Jubel
Liselotte Müller
Milla Jubel
Delete Add Relative
View
Rita Kirsch
Robert Kirsch Grandfather
Delete
Confirm
Save
Germany, Potsdam
PendingShow pending requests Show denied relationships
Deny
modernfamilies.net Version: 1.0
Created: Sat May 02 2009 Last edited: Fri Jun 05 2009 Confidential
Marleen Vanhauer Umeå University
Page 8
Profile Screen
Relatives
Annotations
Changes since last edited
Open issues None
None
1 "Relations" renamed to "Relatives" to make access to one's contacts more obvious.
1
2 Re-arranged table and omitted 3 columns, i.e. "Birthdate", "Edit" and "Privacy
Settings" which are bound to each person itself. Relatives can be sorted by name, relationship or country and location.
2
3 Each person is represented by its photo for better visual perception.
3
4 Clicking on the name or photo links to the person's profile. The tooltip indicates the underlying action.
4
5 The relationship identifies the primary relationship. Adding more than one relationship per person is not possible, unless a person needs to be listed twice.
5
6 The activity, here "Delete", is placed right next to the relationship it refers to.
6
7 A new relative, that is relationship, can simply be added via the button link.
7
8 If checked, denied relationships and pending requests appear in the list - with the relationship indicated as "Pending".
"Pending" changes to "Delete" (active) as soon as confirmed, or "Denied" if
relationship has been denied.
8
9 New ingoing relationships (relatives) appear in the list as long as they have been confirmed or ignored.
8
9
1024 px x 768 px
800 px x 600 px
Type a message to the support:
Help & Support
XView tutorials Call support
Send
Hello, my name is Andreas. What do you want to do?
View Welcome screen (Getting Started)
Close
modernfamilies.net Version: 1.0
Created: Sat May 02 2009 Last edited: Fri Jun 05 2009 Confidential
Marleen Vanhauer Umeå University
Page 9
Annotations
Changes since last edited
Open issues None
Consider to integrate a virtual assistant
(taskbot, lingubot) that allows people to pose questions to which in turn they get generated answers. It can help them finding relevant information by linking to the appropriate part in the turorial.
1
In German version replace "Tutorial" by
"Anleitung" to increase understanding.
Help
3
Makeover of entire interface to be distinguishable from the Mini View. - Omitted "Support messages" since these relate to one's personal messages and will be most likely accessed from within the
"Profile Center". Also omitted "Help and Support" which linked to stories, but is redundant with the support messages, news and tutorials.
1
3
Dialogue style to increase personification.
4 Option to directly type and send a message to the support.
2 2
4
5 Max. height up to 600 pixels.
5
1024 px x 768 px
800 px x 600 px
People Chooser
XChoose
Who do you want to address?
Show pending requests
Show relationships that I denied
Show auto-parents
Add Relative
Person missing?
FirstName LastName Mother
FirstName LastName
Sister
FirstName LastName Cousin
FirstName LastName Grandfather
FirstName LastName Husband
FirstName LastName Relationship
FirstName LastName Relationship
FirstName LastName Relationship
FirstName LastName Relationship
Cancel
4
modernfamilies.net Version: 1.0
Created: Sat May 02 2009 Last edited: Fri Jun 05 2009 Confidential
Marleen Vanhauer Umeå University
Page 10 Adding a new relative made more
prominent through button representation.
3
Overall height enlarged to 600 px, photo frame enlarged to 64 px x 64 px, box size to 128 px x 112 px and font size increased to 12 pt for better readability and visibility (cf. Profile Center - Relatives).
Annotations
Changes since last edited
Open issues None
None 1
Omitted "Show deceased" since
redundant here. Added option to show pending request and denied relationships.
Most often chosen relatives are placed at the top.
People Chooser
Both, first and last name with relationship offset, allowing up to 15 characters per line.
2 1
1
3
2
4
1024 px x 768 px
800 px x 600 px
Add Relative
XSearch
You can enter the name of the person below.
Extended search
Cancel
modernfamilies.net Version: 1.0
Created: Sat May 02 2009 Last edited: Fri Jun 05 2009 Confidential
Marleen Vanhauer Umeå University 2 Search terms can be input here.
1
2
3 Option to extend search by location, country etc.. Folding out if clicked.
3
4 Max. height up to 600 px.
4
Page 11
Annotations
Changes since last edited
Open issues None
Automated suggestions according to family name
1 Change of concept: Adding a relative is only possible if s/he is registered as a member. A relationship request needs to be send to that person. Only if the person confirms the relationship it is established.
This way everybody is responsible for their own profile and privacy settings.
If a person can not be found e.g. because s/he is not yet registered as a member, s/he can be invited via e-mail etc., or if s/he deceased, one can add her/him as a member of one's family (person is added as deceased relative).
Add Relative
1024 px x 768 px
800 px x 600 px
Add Relative
XSearch
Add Cancel
Name
Country, Location
Sweden, Jönköping Maria Jubel
Germany, Hamburg Maria Jubel
Germany, Rostock Maria Jubel
Maria Jubel
3 people found that match your search criteria.
You can enter the name of the person below.
Extended search
Invite
Person not found?
Add Deceased
Person deceased?
None
3 Clicking "Cancel" returns to the initial screen, here Profile Center - Relatives.
4 Clicking on "Invite" initiates the invitation process.
5 Clicking on "Add Deceased" initiates adding a deceased relative.
2
4
5
2
modernfamilies.net Version: 1.0
Created: Sat May 02 2009 Last edited: Fri Jun 05 2009 Confidential
Marleen Vanhauer Umeå University
Page 12 1 Number of results found. Results can be
sorted by name or country and location.
1
3
Adding a person leads to the next steps, i.e. defining and specifying the relationship (by defining parent etc. analogue to the beta version) and sending the request.
Annotations
Changes since last edited
Open issues None
Add Relative
Results
1024 px x 768 px
800 px x 600 px
Send invitation
XTo
Optional message
Via e-mail To mobile phone Print out invitation
Send Cancel
Type in the e-mail address(es) of the person(s) you want to invite to join the ModernFamilies network.
2 Form changes according to option selected above.
1
2
3 Sends automated invitation including detailed instructions to given e-mail address.
4
4 Max. height up to 600 px.
3
modernfamilies.net Version: 1.0
Created: Sat May 02 2009 Last edited: Fri Jun 05 2009 Confidential
Marleen Vanhauer Umeå University
Page 13
Annotations
Changes since last edited
Open issues None
None
1 Three options to invite people that are not yet a member of the network.
Invite
1024 px x 768 px
800 px x 600 px
Add Deceased
XGender* male female
First name* Middle name
Last name* Maiden name
Former name
Birthplace
Sweden Country
Date of birth YYYY
MM DDOccupation
Cancel
Place of death
Sweden Country
Date of death YYYY
MM DDContinue
modernfamilies.net Version: 1.0
Created: Sat May 02 2009 Last edited: Fri Jun 05 2009 Confidential
Marleen Vanhauer Umeå University None
1
2 Date, place and country of death in addition to date, place and country of birth.
2
3 Click on "Continue" goes to next screen where the relationship is going to be defined.
3
4 Click on "Cancel" goes back to the result list.
4
Page 14
Add Deceased
Annotations
Changes since last edited
Open issues None
1
Allows to add a deceased relative.
Analogue to Profile Center - Personal
Profile, yet with shortened personal data
1024 px x 768 px
800 px x 600 px
Define Relationship
XCancel Continue
Parents Partners Siblings
Children Others Friends
How is the person related?
Back
None
2 Clicking on a type of relative highlights the item, but does not continue.
2
3 Clicking on "Back" goes back to the
previous screen, in this case the result list of relatives.
3
4 Only clicking on "Continue" goes to the next screen to specify the relationship.
4
5 Clicking on "Cancel" goes back to the result list of relatives.
5
Define Relationship
modernfamilies.net Version: 1.0
Created: Sat May 02 2009 Last edited: Fri Jun 05 2009 Confidential
Marleen Vanhauer Umeå University
Page 15
Annotations
Changes since last edited
Open issues None
1 Analogue to the beta version.
1
1024 px x 768 px
800 px x 600 px
Define Relationship
XCancel Continue
Parents Partners Siblings
Children Others Friends
How is the person related?
Back
modernfamilies.net Version: 1.0
Created: Sat May 02 2009 Last edited: Fri Jun 05 2009 Confidential
Marleen Vanhauer Umeå University
Define Relationship
Deceased
2 Clicking on a type of relative highlights the item, but does not continue.
3 Clicking on "Back" goes back to the previous screen, in this case to the Add Deceased screen.
4 Only clicking on "Continue" goes to the next screen to specify the relationship.
5 Clicking on "Cancel" goes back to the result list of relatives.
2
3 4 5
None
Page 16 Annotations
Changes since last edited
Open issues None
1 Analogue to Define Relationship for not deceased relatives.
1
1024 px x 768 px
800 px x 600 px
Specify Relationship
XCancel Continue
Sister "Sister"
Back
Please specify the relationship.
Specify Relationship
None
2 Clicking on a specific type of relative highlights the item, but does not continue.
4 Only clicking on "Continue" goes to the next screen that is sending the request.
3 Clicking on "Back" goes back to the previous screen to change the main relationship.
5 Clicking on "Cancel" goes back to the result list of relatives.
2
4
3 5
modernfamilies.net Version: 1.0
Created: Sat May 02 2009 Last edited: Fri Jun 05 2009 Confidential
Marleen Vanhauer Umeå University
Page 17
Annotations
Changes since last edited
Open issues None
1 Analogue to the beta version.
1
1024 px x 768 px
800 px x 600 px
Specify Relationship
XCancel Save
Sister "Sister"
Back
Please specify the relationship.
Specify Relationship
Deceased
Analogue to Specify Relationship for not
deceased relatives, with the exception that no request is sent in the next step, but the person is saved as a deceased relative.
Deceased relatives can be found and added by others.
None
2 Clicking on a specific type of relative highlights the item, but does not continue.
3 Clicking on "Back" goes back to the previous screen to change the main relationship.
4 Clicking on "Cancel" goes back to the result list of relatives.
1
3 4
2
modernfamilies.net Version: 1.0
Created: Sat May 02 2009 Last edited: Fri Jun 05 2009 Confidential
Marleen Vanhauer Umeå University
Page 18 Annotations
Changes since last edited
Open issues None
1
1
1024 px x 768 px
800 px x 600 px
Send Request
XCancel Send
Optional message
from Germany, Rostock Maria Jubel
Back
will receive the following request:
from Umeå, Sweden claims that Marleen Vanhauer
Hello,
is your sister.
she
modernfamilies.net Version: 1.0
Created: Sat May 02 2009 Last edited: Fri Jun 05 2009 Confidential
Marleen Vanhauer Umeå University
Send Request
None 1
2 The person making the request.
3 The claimed relationship from the perspective of the addressed person..
4 Option to leave an additional message.
5 Clicking on "Back" goes back to previous screen, that is specifying the relationship.
6 Clicking on "Send" sends the relationship request to the selected person.
7 Clicking on "Cancel" goes back to the result list of relatives.
2
3
4
5 6 7
Page 19
Annotations
Changes since last edited
Open issues None
1 Summarized request.
1024 px x 768 px
800 px x 600 px
Your relationship request has been sent to:
Germany, Rostock Maria Jubel
Confirmation
XClose
Confirmation
None 1
2 Clicking on "Close" returns to the initial screen, here to Profile Center - Relatives.
2
modernfamilies.net Version: 1.0
Created: Sat May 02 2009 Last edited: Fri Jun 05 2009 Confidential
Marleen Vanhauer Umeå University
Page 20
Annotations
Changes since last edited
Open issues None
1 Confirming the previous action, here
sending the relationship request.
1024 px x 768 px
800 px x 600 px
Confirmation
XClose