Page 1

Deliverable System Assets All system assets used for the deliverable templates

Version 4 Published May 31, 2009 Created by Nathan Curtis


2 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Table of Contents

indicates most used page patterns

Deliverable Styles

Diagrams

Paragraph Styles . . . . . . . . . . . . . . . . . . . 5 Table Styles . . . . . . . . . . . . . . . . . . . . . . 6 Cell Styles . . . . . . . . . . . . . . . . . . . . . . . 6 Object Styles . . . . . . . . . . . . . . . . . . . . . 7

ComparativeGrid.3x3 . . . . . . . . . . . . . . . . Storyboard.1x3 . . . . . . . . . . . . . . . . . . . Storyboard.1x6 . . . . . . . . . . . . . . . . . . . Storyboard.2x4 . . . . . . . . . . . . . . . . . . . FlowRelationships . . . . . . . . . . . . . . . . . . Site Map . . . . . . . . . . . . . . . . . . . . . . . Flow.SectionsAndNotes . . . . . . . . . . . . . . . Mental Model . . . . . . . . . . . . . . . . . . . . Community Model . . . . . . . . . . . . . . . . . Community Maturation . . . . . . . . . . . . . . .

Deliverable Libraries (/deliverables/_elements/) Callouts . . . . . . . . . . . . . . . . . . . . . . . . 9 Markers . . . . . . . . . . . . . . . . . . . . . . . 10 Flows . . . . . . . . . . . . . . . . . . . . . . . . 11 Frames . . . . . . . . . . . . . . . . . . . . . . . . 12 People . . . . . . . . . . . . . . . . . . . . . . . . 19 Project Plan . . . . . . . . . . . . . . . . . . . . . 20 Reviews . . . . . . . . . . . . . . . . . . . . . . . 22 Site Maps . . . . . . . . . . . . . . . . . . . . . . 23

Wireframe Libraries (/wireframes/_elements) Component Markers . . . . . . . . . . . . . . . . . Forms & Controls . . . . . . . . . . . . . . . . . . Icons . . . . . . . . . . . . . . . . . . . . . . . . . iPhone . . . . . . . . . . . . . . . . . . . . . . . . iPhone Tab Icons . . . . . . . . . . . . . . . . . . . iPhone Toolbar Icons . . . . . . . . . . . . . . . . . Navigation . . . . . . . . . . . . . . . . . . . . . . Yahoo Advertisements . . . . . . . . . . . . . . . . Yahoo Calendars . . . . . . . . . . . . . . . . . . . Yahoo Carousels . . . . . . . . . . . . . . . . . . . Yahoo Data Tables . . . . . . . . . . . . . . . . . . Yahoo Menus & Buttons . . . . . . . . . . . . . . . Yahoo Navigation & Paging . . . . . . . . . . . . . Yahoo Panels . . . . . . . . . . . . . . . . . . . . .

25 26 27 28 29 30 31 32 33 34 35 36 37 38

40 41 42 43 44 45 46 47 48 49

Planning Concept.Pros&Cons . . . . . . . . . . . . . . . . . CreativeBrief . . . . . . . . . . . . . . . . . . . . . Strategy . . . . . . . . . . . . . . . . . . . . . Experience Theme Matrix . . . . . . . . . . . . . .

51 52 53 54

56 57 58 59 60 61 62 63

Research Persona, Data Driven . . . . . . . . . . . . . . . . . Persona Detail . . . . . . . . . . . . . . . . . . . . Persona, Comparison Life Cycle . . . . . . . . . . . ArtworkCallouts.Wide . . . . . . . . . . . . . . . .

69 70 71 72 73 74 75

Competitive analysis CompetitiveSelection . . . . . . . . . . . . . . . . Criteria.Stars . . . . . . . . . . . . . . . . . . . . . Criteria.Two-by-Two . . . . . . . . . . . . . . . . . Criteria.Yes&No . . . . . . . . . . . . . . . . . . . Criteria.SiteTable . . . . . . . . . . . . . . . . . . . Example . . . . . . . . . . . . . . . . . . . . . . . Findings . . . . . . . . . . . . . . . . . . . . . . . Recommendations . . . . . . . . . . . . . . . . .

77 78 79 80 81 82 83 84

Content

Document metadata ChangeHistory.Basic . . . . . . . . . . . . . . . . . ChangeHistory.Detailed . . . . . . . . . . . . . ChangeHistory.TableByInitiative&Author . . . . . . Cover.Description . . . . . . . . . . . . . . . . . . Cover.MultipleAuthors . . . . . . . . . . . . . . . . Glossary . . . . . . . . . . . . . . . . . . . . . . . Reviewers . . . . . . . . . . . . . . . . . . . . . . Signoff . . . . . . . . . . . . . . . . . . . . . . . .

ArtworkCallouts . . . . . . . . . . . . . . . . . . . InterviewFindings . . . . . . . . . . . . . . . . . . InterviewQuotes . . . . . . . . . . . . . . . . . . . InterviewSummary . . . . . . . . . . . . . . . . . ItemsToAssess . . . . . . . . . . . . . . . . . . . . OpenQuestions . . . . . . . . . . . . . . . . . . . Page Design Review . . . . . . . . . . . . . . . . .

65 66 67 68

PageByPageContentTypes . . . . . . . . . . . . . . 86 ContentBloatAssessment . . . . . . . . . . . . . . 87 ContentPriorityByPageType . . . . . . . . . . . . . 88

Comps Comp . . . . . . . . . . . . . . . . . . . . . . . . CSSSpecs . . . . . . . . . . . . . . . . . . . . . . DesignSpecs . . . . . . . . . . . . . . . . . . . . . DesignSpecs.WideArt . . . . . . . . . . . . . . . . DesignSpecs.Variations . . . . . . . . . . . . . . . Grid.Basic . . . . . . . . . . . . . . . . . . . . . . Grid.Detailed . . . . . . . . . . . . . . . . . . . . .

90 91 92 93 94 95 96

Style Guide Colors . . . . . . . . . . . . . . . . . . . . . . . . 98 Type Table . . . . . . . . . . . . . . . . . . . . . . 99 Colors(2) . . . . . . . . . . . . . . . . . . . . . . 100


Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Table of Contents, cont’d Icons . . . . . . . . . . . . . . . . . . . . . . . . 101 Photography.Dos&Donts . . . . . . . . . . . . . . 102 Imagery . . . . . . . . . . . . . . . . . . . . . . 103 Logo Unapproved Use . . . . . . . . . . . . . . . 104 Logo . . . . . . . . . . . . . . . . . . . . . . . . 105 Logo Size . . . . . . . . . . . . . . . . . . . . . . 106 Logo Variations . . . . . . . . . . . . . . . . . . . 107 Type . . . . . . . . . . . . . . . . . . . . . . . . 108

Wireframes AlternativeSummary.2x3 . . . . . . . . . . . . . . 110 AlternativeSummary.1x4 . . . . . . . . . . . . . . 111 Intro&Chunked . . . . . . . . . . . . . . . . . 112 IntroChunked&Categorized . . . . . . . . . . . . 113 EmbeddedFlow . . . . . . . . . . . . . . . . . . 114 InspiredBy . . . . . . . . . . . . . . . . . . . . . 115 Pattern . . . . . . . . . . . . . . . . . . . . . . . 116 ThumbnailFlow . . . . . . . . . . . . . . . . . . 117 Variations.2 . . . . . . . . . . . . . . . . . . . . . 118 Variations.3 . . . . . . . . . . . . . . . . . . . . . 119 Components.4x1 . . . . . . . . . . . . . . . . . . 120 Components.2x2 . . . . . . . . . . . . . . . . . . 121 Components.1x3 . . . . . . . . . . . . . . . . . . 122

Specs Components.1x3 . . . . . . . . . . . . . . . . . . 124 Components.2x2 . . . . . . . . . . . . . . . . . . 125 Components.4x1 . . . . . . . . . . . . . . . . . . 126 Page.Chunked . . . . . . . . . . . . . . . . . . . 127 Page.Standard . . . . . . . . . . . . . . . . . 128 Page.UnstructuredIntro . . . . . . . . . . . . . . 129 Content . . . . . . . . . . . . . . . . . . . . . . 130 Editorial . . . . . . . . . . . . . . . . . . . . . 131 InteractionNotes . . . . . . . . . . . . . . . . . . 132 Functional . . . . . . . . . . . . . . . . . . . . . 133

3 of 133


Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Page Title

Deliverable Styles

4 of 133


5 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Paragraph Styles Style Name

Style Appearance

Paragraphs extra large

[appearance]

Style Name

Style Appearance

Style Name

extra large numeric list

1. [appence]

view

large numeric list

2. [appearance]

view variation

Style Appearance

1. [Page Title] 1.v1. [Title] c1. [Page Title]

large

[appearance]

medium numeric list

3. [appearance]

normal

[appearance]

small numeric list

4. [appearance]

component

small

[appearance]

Specs

very small

[appearance]

spec paragraph

[paragraph]

Document Metadata

spec header

[header]

document type

[Document type]

spec bulleted list

document metadata

[Document metadata]

Headers extra large header large header

[header] [header]

medium header

[header]

small header

[header]

numbered webpage chunk

1.1. [header]

numbered element from component

c1.1. [header]

Headers > Hierarchical Headers

spec bulleted list (2nd level) spec numeric list spec numeric list (2nd level)

[paragraph bullet] • [paragraph bullet]

5. [numeric bullet] 6. [paragraph numeric]

spec behavior

ÄÄ [description]

spec data format

## [description]

spec state

[description]

spec editorial

[description]

Tables

level 1

1 [Header]

column header

level 2

1.1 [Header]

Annotations

level 3

1.1.1 [Header]

marker

level 4

1.1.1.1 [Header]

figure

[Figure label]

Lists

figure (autonumber)

Figure 1. [Figure label]

extra large bulleted list

marker (autonumber)

• [apearance]

large bulleted list

• [appearance]

medium bulleted list

• [appearance]

small bulleted list

• [appearance]

[Column header] A

1

map node

[Quote]

open question

1. [Open question]

Titles page, page (2nd level), page (no TOC)

[Page Title]


6 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Table Styles

Cell Styles

Standard

Cell Types

Header

Header

Header

Header

Content

Content

Content

Content

Standard Cell Standard Cell (w/ Vertical Lines) Standard Column Header Row.Header Row.Standard Darker

Standard with Vertical Lines Header

Header

Header

Header

Content

Content

Content

Content

Header

Header

Header

Header

Content

Content

Content

Content

Guidelines


7 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Object Styles frame

annotation

flow

Use when you create an object frame into which you place any artwork, such as a wireframe, mockup, component, or screenshot

Use when creating any object used to highlight an area or serve as a marker or callout

Use when creating boxes for a flow diagram and wanting to achieve horizontally centered text block (gray)

block (white)

[Optional Marker Text]

block (blue)

outline Use when creating a boundary to group related objects or otherwise divide two sets of information

block (orange)

outline color

marker region (semitransparent)

sitemap marker region (outline only)

marker region (outline & fill)

Use when creating boxes for a hierarchical sitemap that will contain coded entries inside the box Node ID

map level 1

Node ID

map level 2

Node ID

map level 3+

future


Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

8 of 133

Page Title

Deliverable Libraries (/deliverables/_elements/)


9 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Callouts Library location: /deliverables/_elements/callouts.indl Vertical balloon

Mid elbow

Side box elbow

Side text

Center text

Horizontal balloon

Line with text

Mid text

Side text elbow

Mid box

Partial bracket text

Mid box elbow

Side box

Side line elbow

Full bracket text

Mid line elbow

Side bracket text

Side bracket text

Mid line Side line


10 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Markers Library location: /deliverables/_elements/markers.indl Marker

1

1

1

1

1

1

1

1

1

Markers (notched)

1

Marker & region

Marker (notched)

1

2 12 8 17 13

Marker (autonumber)

14 9 18 6 5 10 19 7

21

Marker (notched autonumber)

15 16 11 20

Triangles

Triangle Large Marker

[###]

Wide marker (upper notch)

[###]

Wide marker (lower notch)

Large Marker (autonumber)

[Figure title]

1

1

Marker & outline [Label]

1

3

Marker (autonumber) & region

Star

1

Markers (autonumber)

[Label] [Label]

Wide marker Wide marker (left notch) Wide marker (right notch)

4

Marker (autonumber) & outline [Figure title] Figure 2. [Autonumbered figure title] ? 2. [Autonumbered open question]

?

Open question

1

Post-It Note


11 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Flows Library location: /deliverables/_elements/flow.indl

Callout Header

Entry point label goes here

• Callout bullet 1 • Callout bullet 2

document title

• Callout bullet 3

Exit point label goes here

continue from A

continue from A

document title

Callout Header Callout paragraph 1 Callout paragraph 2

page title

Callout paragraph 3

page group title 1.1

N

Y

0

1

2+

22

[Background Header]

Connector Label

Email / Action

[Remove text if unnecessary] Legend

Partial Credit: Jesse James Garrett, jjg.net


Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Frames Library location: /deliverables/_elements/frames.indl

[Embedded Flow / Diagram Title]

12 of 133


Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

13 of 133

Frames, cont’d

Click to change page segment: 1

2

3


Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Frames, cont’d

14 of 133


Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Frames, cont’d

15 of 133


Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Frames, cont’d

16 of 133


17 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Frames, cont’d [Page Title] - Microsoft Internet Explorer File Edit View

Favorites Tools Help

Back Address

Search

Favorites

http://www.someaddress.com/

Paste Screenshot Into

Go

Links


Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Frames, cont’d [Subject] - Message ([Format]) File Edit View

Favorites Tools Help

Reply From: To: Cc: Subject:

Reply to All [Sender Name] [Recipient Name] [Subject]

Type content here

Forward Sent: Day MM/DD/YYYY HH:MM PM

18 of 133


Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

People

19 of 133


20 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Project Plan

July

Library location: /deliverables/_elements/projectplan.indl Symbols

Phase

Meeting Input Deliverable

Planning

Discovery Design Development

Firm Date Target Date Sign Off

This is an activity

Usability Testing Session Meeting

Meeting Sign Off

MM/DD

This is an activity Deliverable

Deliverable

This is an activity This is an activity

Input

Sign Off Weekly Meetings

Segment / Stream Title

Today

[name] Out on vacation


21 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Project Plan, cont’d MM/DD

June

MM/DD

MM/DD

MM/DD

MM/DD

July

MM/DD

MM/DD


Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Reviews Library location: /deliverables/_elements/reviews.indl

22 of 133


23 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Site Maps Library location: /deliverables/_elements/sitemap.indl

Browse

1

Level 1

1.1

Level 2

1.1.1

Level 3

1

Level 1

Exists Today

Level 2

Future

Level 3+

Level 1 1.1

Level 2

1.1

Level 2 1.1.1

Level 3

1.1.1

Level 3

1.1.1

Level 3

Level 4 1.1

Legend

Level 2

Page Stack 1.1.1

Level 3

1.1.1

Level 3

1.1.1

Level 3


Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Page Title

Wireframe Libraries (/wireframes/_elements)

24 of 133


Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Component Markers Library location: /wireframes/_elements/componentmarkers.indl A## NEW NEW A## EXAMPLE NEW A## VARIATION

25 of 133


26 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Forms & Controls Library location: /wireframes/_elements/forms&controls.indl [option]

!

i

[option] [option] [option] [option] [option] [option] [option] [option]

[existing option]

[option] [option] [option] [option] [option] [option] [option] [option]

[Form Section] First Name * Last Name * Address City State ZIP Code * Phone Number * (

)

[##]

[##]

[##]

[##]

-

Off On

Field Label: Field label:

Instructional text associated with this ďŹ eld

Spinner: Select Field:

- Select One -

Combo Box: Multi-select:

Full List

My Items [option] [option] [option] [option]

[option] [option] [option] [option] Radio Button Array:

Checkbox: Checkbox Array:

City, State, ZIP Code:

Option 1

Option 2

Option 4

Option 5

Option 3

[Checkbox instruction] Option 1

Option 2

Option 4

Option 5

Option 3


Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Icons Library location: /wireframes/_elements/icons.indl > ? #

+

27 of 133


28 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

iPhone Library location: /wireframes/_elements/iphone.indl A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

Cancel Clear Start

AT&T

Checking for Mail...

HH:MM PM

“Maps” would like to use your current location Don’t Allow

OK

2

Stop AT&T

AT&T

HH:MM PM

HH:MM PM

Untitled

[Category]

Cancel

Title [Navigation Category] (##)

[Site Title] Google

url.com/

[Site Title] url.com/

Cancel

[Navigation Category] (##) [Navigation Category] (##)


Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

iPhone Tab Icons Library location: /wireframes/_elements/iphone.tabicons.indl

29 of 133


Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

iPhone Toolbar Icons Library location: /wireframes/_elements/iphone.toolbaricons.indl

2

30 of 133


Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Navigation Library location: /wireframes/_elements/navigation.indl Optional Label Here: 0-9 ABC DEF GHI JKL MNO PQRS TUV WXYZ Optional Label Here: 0-9 abc def ghi jkl mno pqrs tuv wxyz Optional Label Here: 0-9 A B C D E F G H I J K L M N O P Q R S T U V W X Y Z Optional Label Here: 0-9 a b c d e f g h i j k l m n o p q r s t u v w x y z Back to Top Home > [Parent] > Page Primary Button Menu Button Secondary Button

[Anchor link] | [Anchor link] | [Anchor link] | [Anchor link] | [Anchor link] 1 [Step 1]

2 [Step 2]

3 [Step 3]

4 [Step 4]

5 [Step 5]

31 of 133


32 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Yahoo Advertisements Library location: /wireframes/_elements/yahoo.advertisements.indl advertisement 120 x 240 Vertical Banner

advertisement 160x600 IAB Wide Skyscraper

advertisement 300x600 Half Page

advertisement 300 x 100 3:1 Rec

advertisement 234x60 Half Banner

advertisement 120 x 60 Button 2

advertisement 300x250 IAB Medium Rectangle

advertisement 120x600 Sky

advertisement 250 x 250 Square popup

advertisement 88 x 31 Micro bar

advertisement 180x150 IAB Rectangle

advertisement 240 x 400 VREC advertisement 336 x 280 LREC

advertisement 120 x 90 Button 1

advertisement 468x60 Banner

advertisement 125 x 125 Square button

advertisement 728x90 IAB Leaderboard


Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Yahoo Calendars Library location: /wireframes/_elements/yahoo.calendars.indl [Month] [YYYY]

[Month] [YYYY]

[Month] [YYYY]

Su

Mo

Tu

We

Th

Fr

Sa

Su

Mo

Tu

We

Th

Fr

Sa

Su

Mo

Tu

We

Th

Fr

Sa

1

2

3

4

5

6

7

1

2

3

4

5

6

7

1

2

3

4

5

6

7

8

9

10

11

12 13 14

8

9

10

11

12 13 14

8

9

10

11

12 13 14

15 16 17 18 19 20 21

15 16 17 18 19 20 21

15 16 17 18 19 20 21

22 23 24 25 26 27 28

22 23 24 25 26 27 28

22 23 24 25 26 27 28

29 30 31

29 30 31

29 30 31 [Month] [YYYY]

[Month] [YYYY]

[Month] [YYYY]

Su

Mo

Tu

We

Th

Fr

Sa

Su

Mo

Tu

We

Th

Fr

Sa

1

2

3

4

5

6

7

1

2

3

4

5

6

7

8

9

10

11

12 13 14

8

9

10

11

12 13 14

15 16 17 18 19 20 21

15 16 17 18 19 20 21

22 23 24 25 26 27 28

22 23 24 25 26 27 28

29 30 31

29 30 31

Su

Mo

Tu

We

Th

Fr

Sa

1

2

3

4

5

6

7

8

9

10

11

12 13 14

15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31

33 of 133


Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Yahoo Carousels Library location: /wireframes/_elements/yahoo.carousels.indl [Container Title]

[Title]

[Title]

[Subtitle]

[Title]

[Subtitle]

[Subtitle]

» View All

[Container Title]

[Title]

[Title]

[Subtitle]

[Title]

[Subtitle]

[Subtitle]

» View All

[Container Title]

[Title]

[Subtitle]

[Title]

[Subtitle]

[Title]

[Subtitle]

[Title]

[Subtitle]

34 of 133


Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Yahoo Data Tables Library location: /wireframes/_elements/yahoo.datatable.indl Column 1

Column 2

Column 3

Column 4

Column 5

[content] [content] [content] [content] [content] [content]

[content] [content] [content] [content] [content] [content]

[content] [content] [content] [content] [content] [content]

[content] [content] [content] [content] [content] [content]

[content] [content] [content] [content] [content] [content]

35 of 133


Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Yahoo Menus & Buttons Library location: /wireframes/_elements/yahoo.menu&buttons.indl Menu Button

Primary Button

ADD Secondary Button

DELETE EDIT HIDE MOVE REMOVE RESET

Comic Sans

U

abc

B

I

Bold

Italic

B Bold

Grapefruit #FFBF80

Item A Item B

I

None

Menu Item

UPDATE B

None

Arial Arial Black Comic Sans Courier Impact Lucida Sans Monaco Palatino Tahoma Times Trebuchet MS Verdana

I Italic

>

U

abc

Underline Stricken

U Underline

abc Stricken

Item D

>

Item E

ctrl + 1

Item F

Item B1 Item B2

Item C

Item B3

36 of 133


Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Yahoo Navigation & Paging Library location: /wireframes/_elements/yahoo.nav&paging.indl Pictures 1 - 15 of 33

Pictures 1 - 15 of 33

Item Level 2

Pictures 16 - 30 of 33

Pictures 16 - 30 of 33

First Prev Next Last

Item Level 2

Pictures 31 - 33 of 33

Pictures 31 - 33 of 33

First Prev Next Last

Item Top Level

First Prev Next Last

Item Level 3 Item Level 3 Item Level 3 Item Level 2 Item Level 2 Item Level 3

1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9

Next

Previous

1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9

Next

Previous

1 | 2 ... 14 | 15 | 16 ... 23 | 24

Next

Item Level 4 Item Level 5

Optional Label Here: 0-9 a b c d e f g h i j k l m n o p q r s t u v w x y z Optional Label Here: 0-9 ABC DEF GHI JKL MNO PQRS TUV WXYZ Optional Label Here: 0-9 abc def ghi jkl mno pqrs tuv wxyz Optional Label Here: 0-9 A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

37 of 133


Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Yahoo Panels Library location: /wireframes/_elements/yahoo.panels.indl Optional Title

Optional Title

Optional Title

Optional Title

Optional Title

38 of 133


Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Page Title

Diagrams

39 of 133


40 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

ComparativeGrid.3x3

[Header] [DescriptionIlis eu faciliqui tem ero esequat, velissi. Agnisis et, con ulla faccumsan heniam iure duis diam nosti.]

[Header] [DescriptionIlis eu faciliqui tem ero esequat, velissi. Agnisis et, con ulla faccumsan heniam iure duis diam nosti.]

[Header] [DescriptionIlis eu faciliqui tem ero esequat, velissi. Agnisis et, con ulla faccumsan heniam iure duis diam nosti.]

[Header]

[Header]

[Header]

[DescriptionIlis eu faciliqui tem ero nosti.]

[DescriptionIlis eu faciliqui tem ero nosti.]

[DescriptionIlis eu faciliqui tem ero nosti.]


Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

41 of 133

Storyboard.1x3

1. Quisque facilisis erat a dui atishy tatooine.

1. Quisque facilisis erat a dui atishy tatooine.

1. Quisque facilisis erat a dui atishy tatooine.

Nam malesuada ornare dolor. Cras gravida, diam sit amet rhoncus ornare, erat elit consectetuer erat, id egestas pede nibh eget odio. Proin tincidunt, velit vel porta elementum, magna diam molestie sapien, non aliquet massa pede eu diam. • Etiam vehicula urna vel turpis. Suspendisse sagittis ante a urna. • Morbi a est quis orci consequat rutrum. • Nullam egestas feugiat felis. Integer adipiscing semper ligula. • Nunc molestie, nisl sit amet cursus convallis, sapien lectus pretium metus, vitae pretium enim wisi id lectus.

Nam malesuada ornare dolor. Cras gravida, diam sit amet rhoncus ornare, erat elit consectetuer erat, id egestas pede nibh eget odio. Proin tincidunt, velit vel porta elementum, magna diam molestie sapien, non aliquet massa pede eu diam. • Etiam vehicula urna vel turpis. Suspendisse sagittis ante a urna. • Morbi a est quis orci consequat rutrum. • Nullam egestas feugiat felis. Integer adipiscing semper ligula. • Nunc molestie, nisl sit amet cursus convallis, sapien lectus pretium metus, vitae pretium enim wisi id lectus.

Nam malesuada ornare dolor. Cras gravida, diam sit amet rhoncus ornare, erat elit consectetuer erat, id egestas pede nibh eget odio. Proin tincidunt, velit vel porta elementum, magna diam molestie sapien, non aliquet massa pede eu diam. • Etiam vehicula urna vel turpis. Suspendisse sagittis ante a urna. • Morbi a est quis orci consequat rutrum. • Nullam egestas feugiat felis. Integer adipiscing semper ligula. • Nunc molestie, nisl sit amet cursus convallis, sapien lectus pretium metus, vitae pretium enim wisi id lectus.


42 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Storyboard.1x6

[##]. [Step Title]

[##]. [Step Title]

[##]. [Step Title]

[##]. [Step Title]

[##]. [Step Title]

[##]. [Step Title]

[Step description Nam malesuada ornare dolor. Cras gravida, diam sit amet rhoncus ornare, erat elit consectetuer erat, id egestas pede nibh eget odio. Proin tincidunt, velit vel porta elementum, magna diam molestie sapien, non aliquet massa pede eu diam.] • Etiam vehicula urna vel turpis. Suspendisse sagittis ante a urna. • Morbi a est quis orci consequat rutrum. • Nullam egestas feugiat felis. Integer adipiscing semper ligula. • Nunc molestie, nisl sit amet cursus convallis, sapien lectus pretium metus, vitae pretium enim wisi id lectus.

[Step description Nam malesuada ornare dolor. Cras gravida, diam sit amet rhoncus ornare, erat elit consectetuer erat, id egestas pede nibh eget odio. Proin tincidunt, velit vel porta elementum, magna diam molestie sapien, non aliquet massa pede eu diam.] • Etiam vehicula urna vel turpis. Suspendisse sagittis ante a urna. • Morbi a est quis orci consequat rutrum. • Nullam egestas feugiat felis. Integer adipiscing semper ligula. • Nunc molestie, nisl sit amet cursus convallis, sapien lectus pretium metus, vitae pretium enim wisi id lectus.

[Step description Nam malesuada ornare dolor. Cras gravida, diam sit amet rhoncus ornare, erat elit consectetuer erat, id egestas pede nibh eget odio. Proin tincidunt, velit vel porta elementum, magna diam molestie sapien, non aliquet massa pede eu diam.] • Etiam vehicula urna vel turpis. Suspendisse sagittis ante a urna. • Morbi a est quis orci consequat rutrum. • Nullam egestas feugiat felis. Integer adipiscing semper ligula. • Nunc molestie, nisl sit amet cursus convallis, sapien lectus pretium metus, vitae pretium enim wisi id lectus.

[Step description Nam malesuada ornare dolor. Cras gravida, diam sit amet rhoncus ornare, erat elit consectetuer erat, id egestas pede nibh eget odio. Proin tincidunt, velit vel porta elementum, magna diam molestie sapien, non aliquet massa pede eu diam.] • Etiam vehicula urna vel turpis. Suspendisse sagittis ante a urna. • Morbi a est quis orci consequat rutrum. • Nullam egestas feugiat felis. Integer adipiscing semper ligula. • Nunc molestie, nisl sit amet cursus convallis, sapien lectus pretium metus, vitae pretium enim wisi id lectus.

[Step description Nam malesuada ornare dolor. Cras gravida, diam sit amet rhoncus ornare, erat elit consectetuer erat, id egestas pede nibh eget odio. Proin tincidunt, velit vel porta elementum, magna diam molestie sapien, non aliquet massa pede eu diam.] • Etiam vehicula urna vel turpis. Suspendisse sagittis ante a urna. • Morbi a est quis orci consequat rutrum. • Nullam egestas feugiat felis. Integer adipiscing semper ligula. • Nunc molestie, nisl sit amet cursus convallis, sapien lectus pretium metus, vitae pretium enim wisi id lectus.

[Step description Nam malesuada ornare dolor. Cras gravida, diam sit amet rhoncus ornare, erat elit consectetuer erat, id egestas pede nibh eget odio. Proin tincidunt, velit vel porta elementum, magna diam molestie sapien, non aliquet massa pede eu diam.] • Etiam vehicula urna vel turpis. Suspendisse sagittis ante a urna. • Morbi a est quis orci consequat rutrum. • Nullam egestas feugiat felis. Integer adipiscing semper ligula. • Nunc molestie, nisl sit amet cursus convallis, sapien lectus pretium metus, vitae pretium enim wisi id lectus.


43 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Storyboard.2x4

1 [Basic Tile Heading] [Tile description has longer, deeper descriptions that enable you to convey much unt lum vel delisl ute eugue magna facip et wis nim zzriliquat iureet vullu]

5 [Basic Tile Heading] [Tile description has longer, deeper descriptions that enable you to convey much unt lum vel delisl ute eugue magna facip et wis nim zzriliquat iureet vullu]

2 [Basic Tile Heading] [Tile description has longer, deeper descriptions that enable you to convey much unt lum vel delisl ute eugue magna facip et wis nim zzriliquat iureet vullu]

6 [Basic Tile Heading] [Tile description has longer, deeper descriptions that enable you to convey much unt lum vel delisl ute eugue magna facip et wis nim zzriliquat iureet vullu]

3 [Basic Tile Heading] [Tile description has longer, deeper descriptions that enable you to convey much unt lum vel delisl ute eugue magna facip et wis nim zzriliquat iureet vullu]

7 [Basic Tile Heading] [Tile description has longer, deeper descriptions that enable you to convey much unt lum vel delisl ute eugue magna facip et wis nim zzriliquat iureet vullu]

4 [Basic Tile Heading] [Tile description has longer, deeper descriptions that enable you to convey much unt lum vel delisl ute eugue magna facip et wis nim zzriliquat iureet vullu]

8 [Basic Tile Heading] [Tile description has longer, deeper descriptions that enable you to convey much unt lum vel delisl ute eugue magna facip et wis nim zzriliquat iureet vullu]


44 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

FlowRelationships HOME

SECTION 4

SECTION 5 SECTION 1

SECTION 2

SECTION 3 SECTION 6 [PROCESS 3]

PAGE 1A PAGE 2A

PAGE 3A

PAGE COLLECTION 3B

PAGE 1B [PROCESS 2] CUSTOM ORDER WIZARD

PAGE 1C

ORDER DETAILS

PAGE 1D

LEGEND ITEM A

ITEM B

ITEM C

ITEM D

SHOPPING CART

BILLING & SHIPPING

RECEIPT


45 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Site Map 1

Level 1

1

Level 1

1

Level 1

1

Level 1

1.1

Level 2

1.1

Level 2

1.1

Level 2

1.1

Level 2

1.1

Level 2

1.1

Level 2

1.1

Level 2

1.1

Level 2

1.1

1.1.1

Level 3

1.1.1

Level 3

1.1.1

Level 3

1.1.1

Level 3

1.1.1

Level 3

1.1.1

Level 3

1.1.1

Level 3

1.1.1

Level 3

1.1.1

Level 3

1.1.1

Level 3

1.1.1

Level 3

1.1.1

Level 3

Level 2

1.1

Level 2

1.1

Level 2

1.1

Level 2

1.1.1

Level 3

1.1.1

Level 3

1.1.1

Level 3

1.1.1

Level 3

1.1.1

Level 3

1.1.1

Level 3

1.1.1

Level 3

1.1.1

Level 3

1.1.1

Level 3

1.1.1

Level 3

1.1.1

Level 3

1.1.1

Level 3

Legend Level 1

Exists Today

Level 2

Future

Level 3+


46 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Flow.SectionsAndNotes Entry point label goes here

page title

6 page title

page title

page title

yes

c

page title

page title

no

7 yes

a

yes

page title

!

2

no

page title

4

!

page title

page title

d

5

yes

e no

no

no

!

page title

1

page title

b

yes

!

page title

!

page title

3

Legend Decision Points

Functional Notes

• a [Decision Point]

• 1 [Note] Tatum ilit loboreet volorpe ratetue esequam nonulla accum dolorer augiam velisl dolore vel 2 ulpute molenisi.

• b [Decision Point] • c [Decision Point] • d [Decision Point] • e [Decision Point]

• 3 [Note] Raesectet, quam, sum eumsan eugiam qui tionsenis, magna commodipit velit adiat. • 4 [Note] Aliscil ut adigna ad et aut autpat iustrud tem nim esectet, sit lore faccum nisiscil ut nos nonsed dolor init, volore.

New Pages

Existing Pages

!

• 5 [Note] Ilit, quat, corperci blandre del utpatue dit aliquat am inim iliquat ionsed magnibh et la corem 6 veliqua mcommolenisl ute molorper sis alit iuscilisl ullaore dolobore. 7


47 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Mental Model Legend

Conceptual Group

[Legend Item] Action or Question

[Legend Item]

Action or Question

Conceptual Group

[Legend Item]

Conceptual Group

Conceptual Group

Action or Question

Action or Question

Action or Question

Action or Question

Action or Question

[Legend Item] [Legend Item] Conceptual Group

Action or Question

Action or Question

Action or Question

Action or Question

Action or Question

Action or Question

Action or Question

Action or Question

Conceptual Group

Conceptual Group

Action or Question

Action or Question

Action or Question

Action or Question

Action or Question

Action or Question

Action or Question

Tool or Content

Tool or Content

Tool or Content

Tool or Content

Tool or Content

Tool or Content

Tool or Content

Tool or Content

Tool or Content

Tool or Content

Tool or Content

Tool or Content

Tool or Content

Tool or Content

Tool or Content

Tool or Content

Tool or Content

Tool or Content

Tool or Content

Tool or Content

Tool or Content

Tool or Content

Tool or Content

Tool or Content

Tool or Content

Tool or Content

Tool or Content


48 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Community Model [User Group Name]

Group Level One

[user group description ad tat vel dolor auguercil del diam quiscil etum dolent la feumsan voloreet alit laor sendre] [Key point] utlan heniam in hendre vel et augait suscips uscidunt nit, commy nis nis nonsequi tatue.

Quick Group Description

[User Group]

[User Group]

Group Level Two

[User Group Name]

Quick Group Description

[User Group] [User Group]

Group Level Three

[user group description ad tat vel dolor auguercil del diam quiscil etum dolent la feumsan voloreet alit laor sendre] [Key point] utlan heniam in hendre vel et augait suscips uscidunt nit, commy nis nis nonsequi tatue.

[User Group Name]

Quick Group Description

[User Group]

[User Group]

[user group description ad tat vel dolor auguercil del diam quiscil etum dolent la feumsan voloreet alit laor sendre] [Key point] utlan heniam in hendre vel et augait suscips uscidunt nit, commy nis nis nonsequi tatue.

[User Group]

[User Group Name] [User Group]

[Model Description] velismolenim del ut vel doluptat ullandipis am exercip ismodiat alit at. Dunt diam, consequ ametum nonullandre volorper sis alit inim iliquam illaor augiamcommod magnim quat ut loreet ullaore tat volorerosto od tio consed del et in vulla consent vullum adipit iure doluptat. Consequ ametum nonullandre volorper sis alit inim iliquam illaor.

[user group description ad tat vel dolor auguercil del diam quiscil etum dolent la feumsan voloreet alit laor sendre] [Key point] utlan heniam in hendre vel et augait suscips uscidunt nit, commy nis nis nonsequi tatue.


49 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Community Maturation Today

Tomorrow

Goal

[Community State]

[Community State]

[Community State]

[Description]

[Description]

[Description]

[Group Level One] [Quick Group Description]

[Group Level Two] [Quick Group Description]

[Group Level Three] [Quick Group Description]

Key Questions Ming exerci eugait vulla acip et in vulputet, con exero consequat. Per alis nulput iuscipsusci euisis acidunt ent veliquamet ad dolobore conse faccummolut accum nos atue veliquisim nisl exer iure doloreet lut luptat dolor autpat?

1. Pit la commodit lortie magna conum in henisci et lutpat am iusto commod minibh exero erat alis dignisisi?

3. Am zzrit alit volore consequat, commy nonse duisit non ut et nos nos alisl?

4. Eliquamet lut velessit nulluptat, 2. Ercilis aliquip erostrud dipit ing eu vercip ese min hent wismolortie feugait diam, sectet, consequ? corerat, quip exeriustin vel in vel dit at? 5. Velisci llamconsed dunt luptat nit ad te elis ea feummy nostin

ulluptat? 6. Delit nos nim atis num adipit adipiscil ut accumsa ndiametuerci el dionsecte modiat lam?


Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Page Title

Planning

50 of 133


51 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Concept.Pros&Cons To corer sum qui tie tate tionsed ming euipis non eum in velit, quat wis nullaor sum in henit veraesto od dolummod magna core dit, si. Na commolu tpatueriurem inciduis ea feu facilit alisis augait niamet, volobore ming etum zzrilis nonsent nonsecte velit irit vel ut nonsequat lor se eui tetumsan ver sim zzrilissi tat. Am iril do doloborer sequips umsandit prate er ipit, vel eriureet wisi bla

[Figure Title]

Pros

Cons

• Aris se coria coti, sentrum prit. Vividetio unum

• Aris se coria coti, sentrum prit. Vividetio unum

• patqui signonsum aute publia sentis criorte

• patqui signonsum aute publia sentis criorte

• consis morum. entem tiam prissat • consis morum. entem tiam prissat iaequ qua dius condam quium iaequ qua dius condam quium que ad contelus. que ad contelus.


52 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

CreativeBrief Overview textual description Cras dictum. Maecenas ut turpis. In vitae erat ac orci dignissim eleifend. Nunc quis justo. Sed vel ipsum in purus tincidunt pharetra. Sed pulvinar, felis id consectetuer malesuada, enim nisl mattis elit, a facilisis tortor nibh quis leo. Sed augue lacus, pretium vitae, molestie eget, rhoncus quis, elit.

Business Objectives

Os acipit, quis amet lummod ting ero od te digna alit velent ero er sequissit num illutat incilla feu feugiat illa feum nullam, volortisissi blamet, quipit aliquis nullamcore doluptatum vullums andiam vel dolorem ipis ero od do consenis do corero od ea faciduis nit nulputpate feugait dionsendre volore dolorerit loborpe rilisi bla alissenibh eum ea augait,

Design Objectives

quis aliqui tion hendion ullamet lum ing eui bla commy nismodolorem in velit dolorem num il iril erat, velessit luptat. Ut at dolobore min etue dit venim del et iuscilit nullan vel ut velis acil utpat. An ea acip enit nostrud mod erat. Patiscilit, susci erat. Duipsuscil do

• [Objective] • [Objective] • [Objective] • [Objective]

Deliverables • [Deliverable Name] Aliquam sagittis magna in felis egestas rutrum. Proin wisi libero, vestibulum eget, pulvinar nec, suscipit ut, mi. Integer in arcu ultricies leo dapibus ultricies. • [Deliverable Name] Sed rhoncus lobortis dolor. Suspendisse dolor. Mauris sapien velit, pulvinar non, rutrum non, consectetuer eget, metus. Morbi tincidunt lorem at urna.

• [Objective]

• [Deliverable Name] Etiam porta. Ut mauris. Phasellus tristique rhoncus magna. Nam tincidunt consequat urna. Sed tempor. Aliquam lectus orci, adipiscing et, sodales ac, feugiat non, lacus. Ut dictum velit nec est.

• [Objective]

Assumptions, Constraints & Other Considerations

• [Objective]

• [Assumption/Constraint]

• [Objective]

• [Assumption/Constraint] • [Assumption/Constraint]

Target Audience

Content Model

Cras dictum. Maecenas ut turpis. In vitae erat ac orci dignissim eleifend. Nunc quis justo. Sed vel ipsum in purus tincidunt pharetra.

Quisque posuere, purus sit amet malesuada blandit, sapien sapien auctor arcu, sed pulvinar felis mi sollicitudin tortor. Maecenas volutpat, nisl et dignissim pharetra, urna lectus ultrices est, vel pretium pede turpis id velit.

• [Audience Type]: Sed pulvinar, felis id consectetuer malesuada,

Presentation Model

• [Audience Type]: enim nisl mattis elit, a facilisis tortor nibh quis leo. • [Audience Type]: Sed augue lacus, pretium vitae, molestie eget, • [Audience Type]: rhoncus quis, elit. Donec in augue.

The experience will be built largely upon the sun.com design system foundation of page types & components. However, new components and page types will be defined and design as necessary.

Organizational Model Sed rhoncus lobortis dolor. Suspendisse dolor. Mauris sapien velit, pulvinar non, rutrum non, consectetuer eget, metus. Morbi tincidunt lorem at urna. Etiam porta. Ut mauris. Phasellus tristique rhoncus magna. Nam tincidunt consequat urna.


53 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Strategy [Strategy introduction Ectem elit lum venis nulla ad dolobor percillaor aliquam ea feu faccum ea feugiam auguero commy nonsecte magnibh et amet acincin hent ad diam quat. Ut esequis el dolore mincidunt vendigna aliquis moloborperil irit lum dolorercipit vel ex ea alit laortin isisim enit ad min hendit at. Duis nonsed ming essequi smodio odolore magnim ero core]

1

[Strategy Objective] [Objective descriptionctet am etue magna commodolore molor iriusting ero]

2

[Strategy Objective] • [Objective bullet point] • [Objective bullet point] • [Objective bullet point]

3

[Strategy Objective] • [Objective bullet point] • [Objective bullet point] • [Objective bullet point] • [Objective bullet point]

4

[Strategy Objective] [Objective description ecte delenis niam, si. Ectet etue magna commodolore molor iriusting ero]


54 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Experience Theme Matrix Theme

Legacy of Agnes Nixon

Reliving AMC

Story of a Soap

Concept

Emphasizes an opportunity to find and view videos in context of past and present storylines, each enhanced by AN’s POV. Insight into story lines.

Emphasizes an opportunity for loyal viewers to relive their favorite moments of the past.

Emphasizes an opportunity to find and view videos in context of the show’s history.

Immersive time machine.

Interactive History.

• Storylines

• Memories

• History

• Discovery

• Continuity

• Evolution

• Insight

• History/Lore

• Insight

• Legacy • Explore “storyline timeline” that includes personal artifacts and insight from the creator herself

• Community • Finding and viewing episodes from a “story timeline” and catalog.

• Relevance • Finding and viewing episodes through a “show evolution timeline” with a standard breakdown of storylines, events related to the development of the show, and issues reflected in the storylines.

Story Premise Sub-themes

Primary Activities

• Reading blog posts of AN’s recollections about the inspiration for certain storylines • View photos related to storylines

• Reading blog posts about memorable moments, history, lore, and AN’s response to guest book questions. • Commenting on videos (phase 2) • Participating in message boards (phase 2) • View photos

Evoke

Credit: Cindy Chastain

• Reading blog posts about the history and evolution of the show as told by AN.

• Remembrance

• Remembrance

• Watching non-show videos, such as interviews, on-set footage, etc. • Curiosity

• Inspiration

• Excitement

• Nostalgia

• Thankfulness

• Fun

• Obsession

• Pride

• Days of Youth


Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Page Title

Document metadata

55 of 133


Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

ChangeHistory.Basic Version # :: [Month] [DD], [YYYY] • • • •

[Change description] [Change description] [Change description] [Change description]

Version # :: [Month] [DD], [YYYY] • • • •

[Change description] [Change description] [Change description] [Change description]

Version # :: [Month] [DD], [YYYY] • • • •

[Change description] [Change description] [Change description] [Change description]

56 of 133


57 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

ChangeHistory.Detailed Page/Section

Description

Status

Version # :: [Month] [DD], [YYYY] [Context]

[Change]

[Status]

[Context]

• [Change]

[Status]

• [Change] • [Change]

Version # :: [Month] [DD], [YYYY] [Context]

[Change]

[Status]

[Context]

• [Change]

[Status]

• [Change] • [Change]


58 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

ChangeHistory.TableByInitiative&Author Date

Version

Initiative

Description

Author

MM/DD/YYYY

##

[Initiative Title]

[Description]

[First Name] [Last Name]

MM/DD/YYYY

##

[Initiative Title]

[Description]

[First Name] [Last Name]

MM/DD/YYYY

##

[Initiative Title]

[Description]

[First Name] [Last Name]

MM/DD/YYYY

##

[Initiative Title]

[Description]

[First Name] [Last Name]


Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

59 of 133

Cover.Description

Deliverable System Assets All system assets used for the deliverable templates

[Deeper document description Cras dictum. Maecenas ut turpis. In vitae erat ac orci dignissim eleifend. Nunc quis justo. Sed vel ipsum in purus tincidunt pharetra. Sed pulvinar, felis id consectetuer malesuada, enim nisl mattis elit, a facilisis tortor nibh quis leo. Sed augue lacus, pretium vitae, molestie eget, rhoncus quis, elit. Donec in augue.

Version 4 Published May 31, 2009 Created by Nathan Curtis


Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

60 of 133

Cover.MultipleAuthors

Deliverable System Assets All system assets used for the deliverable templates

[Deeper document description Cras dictum. Maecenas ut turpis. In vitae erat ac orci dignissim eleifend. Nunc quis justo. Sed vel ipsum in purus tincidunt pharetra. Sed pulvinar, felis id consectetuer malesuada, enim nisl mattis elit, a facilisis tortor nibh quis leo. Sed augue lacus, pretium vitae, molestie eget, rhoncus quis, elit. Donec in augue.

Version 4 Published May 31, 2009 Created by Nathan Curtis with assistance from [First Name] [Last Name], [First Name] [Last Name], and [First Name] [Last Name]


Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

61 of 133

Glossary [Term] [Definition eros adipiscing mollis. Donec semper turpis sed diam. Sed consequat ligula nec tortor. Integer eget sem. Ut vitae enim eu est vehicula gravida. Morbi ipsum ipsum, porta nec, tempor id, auctor vitae, purus. Pellentesque neque. Nulla luctus erat vitae libero. Integer nec enim.] [Term] [Definition eros adipiscing mollis. Donec semper turpis sed diam. Sed consequat ligula nec tortor. Integer eget sem. Ut vitae enim eu est vehicula gravida. Morbi ipsum ipsum, porta nec, tempor id, auctor vitae, purus. Pellentesque neque. Nulla luctus erat vitae libero. Integer nec enim.] [Term] [Definition eros adipiscing mollis. Donec semper turpis sed diam. Sed consequat ligula nec tortor. Integer eget sem. Ut vitae enim eu est vehicula gravida. Morbi ipsum ipsum, porta nec, tempor id, auctor vitae, purus. Pellentesque neque. Nulla luctus erat vitae libero. Integer nec enim.] [Term] [Definition eros adipiscing mollis. Donec semper turpis sed diam. Sed consequat ligula nec tortor. Integer eget sem. Ut vitae enim eu est vehicula gravida. Morbi ipsum ipsum, porta nec, tempor id, auctor vitae, purus. Pellentesque neque. Nulla luctus erat vitae libero. Integer nec enim.] [Term] [Definition eros adipiscing mollis. Donec semper turpis sed diam. Sed consequat ligula nec tortor. Integer eget sem. Ut vitae enim eu est vehicula gravida. Morbi ipsum ipsum, porta nec, tempor id, auctor vitae, purus. Pellentesque neque. Nulla luctus erat vitae libero. Integer nec enim.] [Term] [Definition eros adipiscing mollis. Donec semper turpis sed diam. Sed consequat ligula nec tortor. Integer eget sem. Ut vitae enim eu est vehicula gravida. Morbi ipsum ipsum, porta nec, tempor id, auctor vitae, purus. Pellentesque neque. Nulla luctus erat vitae libero. Integer nec enim.] [Term] [Definition eros adipiscing mollis. Donec semper turpis sed diam. Sed consequat ligula nec tortor. Integer eget sem. Ut vitae enim eu est vehicula gravida. Morbi ipsum ipsum, porta nec, tempor id, auctor vitae, purus. Pellentesque neque. Nulla luctus erat vitae libero. Integer nec enim.] [Term] [Definition eros adipiscing mollis. Donec semper turpis sed diam. Sed consequat ligula nec tortor. Integer eget sem. Ut vitae enim eu est vehicula gravida. Morbi ipsum ipsum, porta nec, tempor id, auctor vitae, purus. Pellentesque neque. Nulla luctus erat vitae libero. Integer nec enim.] [Term] [Definition eros adipiscing mollis. Donec semper turpis sed diam. Sed consequat ligula nec tortor. Integer eget sem. Ut vitae enim eu est vehicula gravida. Morbi ipsum ipsum, porta nec, tempor id, auctor vitae, purus. Pellentesque neque. Nulla luctus erat vitae libero. Integer nec enim.] [Term] [Definition eros adipiscing mollis. Donec semper turpis sed diam. Sed consequat ligula nec tortor. Integer eget sem. Ut vitae enim eu est vehicula gravida. Morbi ipsum ipsum, porta nec, tempor id, auctor vitae, purus. Pellentesque neque. Nulla luctus erat vitae libero. Integer nec enim.] [Term] [Definition eros adipiscing mollis. Donec semper turpis sed diam. Sed consequat ligula nec tortor. Integer

eget sem. Ut vitae enim eu est vehicula gravida. Morbi ipsum ipsum, porta nec, tempor id, auctor vitae, purus. Pellentesque neque. Nulla luctus erat vitae libero. Integer nec enim.] [Term] [Definition eros adipiscing mollis. Donec semper turpis sed diam. Sed consequat ligula nec tortor. Integer eget sem. Ut vitae enim eu est vehicula gravida. Morbi ipsum ipsum, porta nec, tempor id, auctor vitae, purus. Pellentesque neque. Nulla luctus erat vitae libero. Integer nec enim.] [Term] [Definition eros adipiscing mollis. Donec semper turpis sed diam. Sed consequat ligula nec tortor. Integer eget sem. Ut vitae enim eu est vehicula gravida. Morbi ipsum ipsum, porta nec, tempor id, auctor vitae, purus. Pellentesque neque. Nulla luctus erat vitae libero. Integer nec enim.] [Term] [Definition eros adipiscing mollis. Donec semper turpis sed diam. Sed consequat ligula nec tortor. Integer eget sem. Ut vitae enim eu est vehicula gravida. Morbi ipsum ipsum, porta nec, tempor id, auctor vitae, purus. Pellentesque neque. Nulla luctus erat vitae libero. Integer nec enim.] [Term] [Definition eros adipiscing mollis. Donec semper turpis sed diam. Sed consequat ligula nec tortor. Integer eget sem. Ut vitae enim eu est vehicula gravida. Morbi ipsum ipsum, porta nec, tempor id, auctor vitae, purus. Pellentesque neque. Nulla luctus erat vitae libero. Integer nec enim.] [Term] [Definition eros adipiscing mollis. Donec semper turpis sed diam. Sed consequat ligula nec tortor. Integer eget sem. Ut vitae enim eu est vehicula gravida. Morbi ipsum ipsum, porta nec, tempor id, auctor vitae, purus. Pellentesque neque. Nulla luctus erat vitae libero. Integer nec enim.] [Term] [Definition eros adipiscing mollis. Donec semper turpis sed diam. Sed consequat ligula nec tortor. Integer eget sem. Ut vitae enim eu est vehicula gravida. Morbi ipsum ipsum, porta nec, tempor id, auctor vitae, purus. Pellentesque neque. Nulla luctus erat vitae libero. Integer nec enim.] [Term] [Definition eros adipiscing mollis. Donec semper turpis sed diam. Sed consequat ligula nec tortor. Integer eget sem. Ut vitae enim eu est vehicula gravida. Morbi ipsum ipsum, porta nec, tempor id, auctor vitae, purus. Pellentesque neque. Nulla luctus erat vitae libero. Integer nec enim.] [Term] [Definition eros adipiscing mollis. Donec semper turpis sed diam. Sed consequat ligula nec tortor. Integer eget sem. Ut vitae enim eu est vehicula gravida. Morbi ipsum ipsum, porta nec, tempor id, auctor vitae, purus. Pellentesque neque. Nulla luctus erat vitae libero. Integer nec enim.]


62 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Reviewers Reviewer

Email Address

Role

Group

John Smith

john@john.com

information Architect

WXD

John Smith

john@john.com

information Architect

WXD

John Smith

john@john.com

information Architect

WXD

John Smith

john@john.com

information Architect

WXD

John Smith

john@john.com

information Architect

WXD

John Smith

john@john.com

information Architect

WXD

John Smith

john@john.com

information Architect

WXD

John Smith

john@john.com

information Architect

WXD

John Smith

john@john.com

information Architect

WXD

John Smith

john@john.com

information Architect

WXD

Core Team

Extended Team


Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Signoff This document has been reviewed and the designs and/or specifications described therein conform to an agreed-upon understanding of the design system.

[First Name] [Last Name] [Role]

Date

[First Name] [Last Name] [Role]

Date

[First Name] [Last Name] [Role]

Date

[First Name] [Last Name] [Role]

Date

63 of 133


Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Page Title

Research

64 of 133


65 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Persona, Data Driven “[Representative Quote] Am qui te tat velit in endit dionsent ad dolor iustin ex et ing eugiamet, quiscilit irilis nosto conse consequat.”

[Name] [Role or Job Title] [Age]

5

[Descriptive Text] Am qui te tat velit in endit dionsent ad dolor iustin ex et ing eugiamet, quiscilit irilis nosto conse consequat augue veliquis alit alismod tat, commodolorem eugue min.Ipit el dolor augait il dolor at in ute consectet vel ulput alit accum veliquat in ver sim ea feugait aliquatum aci ex euismodolore et lorem euipis dolendre feu facin ute magnisl eum dunt ut praestrud doloreet prat,i ex euismodolore et lorem euipis dolendre feu facin.

4

3

El dolutat vent wis nibh erilisl iusci tie consenit praesed ming exercil ut wisisis exeraes tiniam, sim dolutpa tueraestrud mincilit, sequis ad doluptatinim zzril ipit autatisit ulla faccummodio conse deliquatet.

2

Con velisi bla consenit, velent iurem volorem deliquat nulputat laore del ullaorem eugiatue dolor iureetum dolenim eu feuguerci et venim do er adit aliscilit ad minciduis num dunt landrem eugiam do doloreet, con henisci pismod.

1

Mincidunt atie diatue commolortio diat, sisci bla auguera esequat ipit lor sed tis exero odit nisciniamcon utem eum quis ad tatuerc ipismodolor iriureriurer sum ip eu feugait erciniat prat venit prat ad doluptatue volorem delessectem veliquip et dolore conse miniame tumsandre vendre conullamet iriliquisi bla feugait ullamco nsectetummy nonsequip enim nos do

[Kn ow le [Kn dge ow Ca teg l [Kn edge .] ow Ca teg led .] ge Ca teg .] [A cti vit ies Ca [A cti teg vit .] [A ies C cti vit ateg ies . Ca ] [A cti teg vit .] ies [A Ca cti t eg vit .] ies [A Ca cti teg vit [A ies C .] cti vit ateg ies . [A Ca ] cti teg vit .] ies [A Ca cti teg vit .] ies Ca teg .]

PHOTOGRAPH

Activities and Interest

Knowledge

Lifecycle: Jan

Jul

Dec

Key Characteristics

Goals

Influencers

Frustrations & Pain Points

• [Key Charactieristic]

• [Goal}

• [Influencers]

• [Frustration and Other Issues]

• [Key Charactieristic]

• [Goal}

• [Influencers]

• [Frustration and Other Issues]

• [Key Charactieristic]

• [Goal}

• [Influencers]

• [Frustration and Other Issues]

• [Key Charactieristic]

• [Goal}

• [Key Charactieristic] • [Key Charactieristic] • [Key Charactieristic] • [Key Charactieristic]

Credit: Todd Warfel, messagefirst.com

• [Frustration and Other Issues]

Applications Questions

• [Applications Used]

• [Question]

• [Applications Used]

• [Question]

• [Applications Used]

• [Question]

• [Applications Used]

• [Frustration and Other Issues] • [Frustration and Other Issues] • [Frustration and Other Issues]

Month


66 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Persona Detail Replace With Persona Photo

[Alice is...nderat quamenis aut volesti omnis estius. Abore comnimet iunt la qui occum vent lab id quosti aruptasimint venime modi con nusaperi od enia int volente dolupti berovit iorectat officitio es peratqui quos qui aut quam, corerch illest, sin cus sitem as sant audae essequi diciisint utecto bla dolupiendi alique]

Goals • [Want to accomplish...] • [Want to accomplish...] • [Want to accomplish...] • [Want to accomplish...] • [Want to accomplish...]

Pain Points • [Things that suck]

[Persona Name]

• [Things that suck]

Primary Scenario

• [Persona attribute]

• [Persona attribute]

• [Persona attribute]

• [Persona attribute]

[Spectrum Name; e.g. Income]

[Spectrum Name; e.g. Age]

[Spectrum Name; e.g. Internet Use]

[Spectrum Name; e.g. Cost Sensitivity]

[Spectrum Name; e.g. Health Conciousness] Credit: Will Evans, semanticfoundry.com

[Alice is...nderat quamenis aut volesti omnis estius. Abore comnimet iunt la qui occum vent lab id quosti aruptasimint venime modi con nusaperi od enia int volente dolupti berovit iorectat officitio es peratqui quos qui aut quam, corerch illest, sin cus sitem as sant audae essequi diciisint utecto bla dolupiendi alique] Fugitatiur reperferum dolent, eaqui net quo ea quaspere, imolori osaped ut aut harumque in nia et ma quae nia dolut rero et quibustion num voluptatesti qui dit acerum, si remo omni volliti doles es magnis nobitat iorempor as quid magnatus sitasit que eaquisci ipsuntemque nem hillaut eum

• [Things that suck] in pedit lab ipsam volupta debis sum voles si que laborpores quae. Nam sit ute nonsed qui que pliciti ntiatur magnatiur, omnis et abore voluptati consedi psandia dollore simoditas et alitates magnatq uatusdae. Genis dentia doles sapicabor re rerciist est, core volore doluptaspere non res ea nem volecta tinus, ius ime aped ut evellorrum que rest, offici consequis esciur sumet quia sin pa aut pre eossecae aut aut modi ut apere estius adi conempos evelitate elicide non nusdae eos experep reriassum faccabo. Ihil iunt, omnis niscimaxim qui rerum latium faceres sequi tesequideri doluptinto totae nist, siminventium

Secondary Scenario [Alice is...nderat quamenis aut volesti omnis estius. Abore comnimet iunt la qui occum vent lab id quosti aruptasimint venime modi con nusaperi od enia int volente dolupti berovit iorectat officitio es peratqui quos qui aut quam, corerch illest, sin cus sitem as sant audae essequi diciisint utecto bla dolupiendi alique] Fugitatiur reperferum dolent, eaqui net quo ea quaspere, imolori osaped ut aut harumque in nia et ma quae nia dolut rero et quibustion num voluptatesti qui dit acerum, si remo omni volliti doles es magnis nobitat iorempor as quid magnatus sitasit que eaquisci ipsuntemque nem hillaut eum in pedit lab ipsam volupta debis sum voles si que laborpores quae. Nam sit ute nonsed qui que pliciti ntiatur magnatiur, omnis et abore voluptati consedi

psandia dollore simoditas et alitates magnatq uatusdae. Genis dentia doles sapicabor re rerciist est, core volore doluptaspere non res ea nem volecta tinus, ius ime aped ut evellorrum que rest, offici consequis esciur sumet quia sin pa aut pre eossecae aut aut modi ut apere estius adi conempos evelitate elicide non nusdae eos experep reriassum faccabo. Ihil iunt, omnis niscimaxim qui rerum latium faceres sequi tesequideri doluptinto totae nist, siminventium facerum fugia cum recatium sitate ipis sum volum doluptis modipsapid quam,

• [Things that suck] • [Things that suck]

Projects & Initiatives • [Things/Stories] • [Things/Stories] • [Things/Stories] • [Things/Stories] • [Things/Stories]


67 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Persona, Comparison Life Cycle Meet the [Brand Name] Consumers Itatur molorunt, omnihilignis aspidit iossimp orerore nditati bea as quis ium inverunt laut quias sinis dolessi millorum repercias etum que nobis reicipsae nis il et dolorpos vit volum apideliquid enihili gnisqui cus dit volesen tistior escipsamus dolorehenist od ea nusapit faccus modis eum aliquam re, consequ oditiis et plibus. Pel iur, core esti doloreperem audi ium id mo beat. Lor aut mod earum re magniaerro dem hic tenis vendendel mi, ut unt eum laut dis etur sumSit iduc

Personas are composite characters based on data about your target consumers that in this case includes ethnography, segmentations, and database data.

[Name], [Age]

[Name], [Age]

Replace With Persona Photo

Replace With Persona Photo

“[Persona Name]”

“[Persona Name]”

[Phase 1]

[Phase 2]

[Phase 3]

[Phase 4]

[Phase 5]

[Phase 6]

[Name], [Age]

[Name], [Age]

[Name], [Age]

Replace With Persona Photo

Replace With Persona Photo

Replace With Persona Photo

“[Persona Name]”

Credit: Will Evans, semanticfoundry.com

Scenarios are hypothetical yet realistic narratives taht describe why these personas might visit the [brand name] website and what they would do there.

“[Persona Name]”

“[Persona Name]”

[Phase 7]

[Phase 8]


68 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

ArtworkCallouts.Wide Topic Title Descriptive text Nullam vitae sem vinunc pharetra ultricies.

Topic Title Descriptive text Nullam vitae sem vinunc pharetra ultricies.

Topic Title Descriptive text Nullam vitae sem vinunc pharetra ultricies.

Topic Title Descriptive text Nullam vitae sem vinunc pharetra ultricies.

Topic Title Descriptive text Nullam vitae sem vinunc pharetra ultricies.

Topic Title Descriptive text Nullam vitae sem vinunc pharetra ultricies.


Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

69 of 133

ArtworkCallouts Topic Title Descriptive text Nullam vitae sem at nunc pharetra ultricies. Nullam vitae sem at nunc pharetra ultricies. Nullam vitae sem at nunc pharetra

Topic Title Descriptive text Nullam vitae sem at nunc pharetra ultricies. Nullam vitae sem at nunc pharetra ultricies. Nullam vitae sem at nunc pharetra

Topic Title Descriptive text Nullam vitae sem at nunc pharetra ultricies. Nullam vitae sem at nunc pharetra ultricies. Nullam vitae sem at nunc pharetra

Topic Title Descriptive text Nullam vitae sem at nunc pharetra ultricies. Nullam vitae sem at nunc pharetra ultricies. Nullam vitae sem at nunc pharetra

Topic Title Descriptive text Nullam vitae sem at nunc pharetra ultricies. Nullam vitae sem at nunc pharetra ultricies. Nullam vitae sem at nunc pharetra Topic Title Descriptive text Nullam vitae sem at nunc pharetra ultricies. Nullam vitae sem at nunc pharetra ultricies. Nullam vitae sem at nunc pharetra


70 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

InterviewFindings Finding

What [Group X] Said...

What [Group Y] Said...

[Finding description]

“Proin at eros non eros adipiscing mollis. Donec semper turpis sed diam. Sed consequat ligula nec tortor. Integer eget sem. Ut vitae enim eu est vehicula gravida. Morbi ipsum ipsum, porta nec, tempor id, auctor vitae, purus.”

“Proin at eros non eros adipiscing mollis. Donec semper turpis sed diam. Sed consequat ligula nec tortor. Integer eget sem. Ut vitae enim eu est vehicula gravida. Morbi ipsum ipsum, porta nec, tempor id, auctor vitae, purus.”

[Finding description]

“Pellentesque neque. Nulla luctus erat vitae libero. Integer nec enim. Phasellus aliquam enim et tortor.” “Proin at eros non eros adipiscing mollis. Donec semper turpis sed diam. Sed consequat ligula nec tortor. Integer eget sem. Ut vitae enim eu est vehicula gravida. Morbi ipsum ipsum, porta nec, tempor id, auctor vitae, purus.”

“Pellentesque neque. Nulla luctus erat vitae libero. Integer nec enim. Phasellus aliquam enim et tortor.” “Proin at eros non eros adipiscing mollis. Donec semper turpis sed diam. Sed consequat ligula nec tortor. Integer eget sem. Ut vitae enim eu est vehicula gravida. Morbi ipsum ipsum, porta nec, tempor id, auctor vitae, purus.”

[Finding description]

“Pellentesque neque. Nulla luctus erat vitae libero. Integer nec enim. Phasellus aliquam enim et tortor.” “Proin at eros non eros adipiscing mollis. Donec semper turpis sed diam. Sed consequat ligula nec tortor. Integer eget sem. Ut vitae enim eu est vehicula gravida. Morbi ipsum ipsum, porta nec, tempor id, auctor vitae, purus.”

“Pellentesque neque. Nulla luctus erat vitae libero. Integer nec enim. Phasellus aliquam enim et tortor.” “Proin at eros non eros adipiscing mollis. Donec semper turpis sed diam. Sed consequat ligula nec tortor. Integer eget sem. Ut vitae enim eu est vehicula gravida. Morbi ipsum ipsum, porta nec, tempor id, auctor vitae, purus.”

“Pellentesque neque. Nulla luctus erat vitae libero. Integer nec enim. Phasellus aliquam enim et tortor.”

“Pellentesque neque. Nulla luctus erat vitae libero. Integer nec enim. Phasellus aliquam enim et tortor.”


71 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

InterviewQuotes Introductory descriptive text about the context of the quotes Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero. Vivamus pharetra posuere sapien. Nam consectetuer. Sed aliquam, nunc eget euismod ullamcorper, lectus nunc ullamcorper orci, fermentum bibendum enim nibh eget ipsum. Donec porttitor ligula eu dolor. Maecenas vitae nulla consequat libero cursus venenatis. Nam magna enim, accumsan eu, blandit sed, blandit a, eros.

Topic Heading “Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim.” - [Name], [Role], [Company]

“Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim.” - [Name], [Role], [Company]

Topic Heading “Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim.” - [Name], [Role], [Company]

“Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim.” - [Name], [Role], [Company]

“Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim.” - [Name], [Role], [Company]


72 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

InterviewSummary Introductory descriptive text about the context of the quotes Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis.

1

[Objective descriptionctet am etue magna commodolore molor iriusting ero] 2

Approach

Sed aliquam, nunc eget euismod ullamcorper:

[Strategy Objective] • [Objective bullet point]

Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero. Vivamus pharetra posuere sapien. Nam consectetuer.

Participants

[Strategy Objective]

• [Objective bullet point] • [Objective bullet point] 3

[Strategy Objective]

• [Participant Type] (##)

• [Objective bullet point]

• [Participant Type] (##)

• [Objective bullet point]

• [Participant Type] (##)

• [Objective bullet point]

• [Participant Type] (##)

• [Objective bullet point]

• [Participant Type] (##) • [Participant Type] (##)

4

[Strategy Objective] [Objective description ecte delenis niam, si. Ectet etue magna commodolore molor iriusting ero]


Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

ItemsToAssess Through a cognitive walkthrough, the [usability assessment team] will investigate the displays, context, and behaviors of the recommended user experience design. Items for inquiry include: Subject

Question

Checkout Page Length

With the move towards consolidating 3-8 pages into a one page experience, are users intimidated by the length or number of fields on this page?

Page Length

Some argue that the process SHOULD be multiple pages long - does the onepage presentation inhibit usability, conversion, or both?

Logging In

Is it clear to the user that one need not log in prior to completing a purchase?

Logging In

Is there a clear distinction between a billing account and a registration (some refer to this as an “online account�)?

Logging In

Is logging in easy, and does the resulting impact (if any) on the page make sense?

Logging In

If the user does have a registration, is it apparent how to log in (top of page, within Monthly Billing module)?

Module Choices

Are distinctions between high-level choices meaningful and clear to the purchaser?

Module Choices

Do users understand the dynamic context and transitions created by distinct fields required for each choice?

Order Receipt

73 of 133


74 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

OpenQuestions Section

Owner

Question

Status

Homepage

Joe Smith

What’s the maximum number of...

Open

[type]

[name]

[question]

Closed Pending


75 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Page Design Review

[Issue Priority]

[Issue Headline]

1

2

3

[Provide an introduction and general description to flavor your review and key points. Lorerum ist facessi nusdae maximaione esequi officta as et excerupta dolore nonet am, offictate volupta tempore prescid enesequasit ut periatiorero omnisit ut volorro quide omniatio millore ma atas incilit aut rem quam hillabo. Boratin con prae mo is des venditat.Sed el imus de pe non nus del inihilit, sequist, quat. Equi re pliqui arienimus sum aces evenda ea doluptur sus. Asped ullabor aut ium reptature et, aditis dici sit.]

Recommendations • [Direct and concise recommendation] • [Direct and concise recommendation] • [Direct and concise recommendation] • [Direct and concise recommendation] • [Direct and concise recommendation]

Figure Title

Credit: Russ Unger, userglue.com


Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Page Title

Competitive analysis

76 of 133


77 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

CompetitiveSelection Competitive Landscape

Criteria

Selected Competitors

Se eugue con eugiam, veratummod magnit nos nis etumsan utat lorem dio dunt ad magniat ad et dolendre do ent nulla feugiat. Ed esto commodiam, conum dolor ad min utat, commy num vulputpatie feuguer iurerate vero consequi ea feugue consequ isismodolent iuscil dolore facin henibh eum zzriustrud essi tat. Sum vel diam volore core dolore tationsecte molor sum dolesto diam delent am duis adia

• Erciduis elesequ amconsequis et lorem ver in ex ex exercil lao

• [Competitor] Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

• rem dolore ming eummodolor alit lute faci bla adiam, con ullut • at. San esto eumsandre tio conulpute ea adit dit velis dipisl in • cin euipsum in eu facip er iure dipis et nit prat, quismolorer acil ea con utatuerit nibh eraessisi.

• [Competitor] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. • [Competitor] Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

• [Competitor] • Ugueratie tiscipisi blaorer osting Lorem ipsum dolor sit amet, consectetuer adipiscing elit. et ip el ut lobore ex ea core dolore feum nim zzrit • [Competitor] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. • [Competitor] Lorem ipsum dolor sit amet, consectetuer adipiscing elit.


78 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Criteria.Stars Description Ommy nosto eriurer ciduisim dolorem ercip ex eraesse elenibh elisit velit nos nullan utat. Ut utet aut ipsummy nonsequat, venibh ea corercilisit ad erit volore delis augiat velit voloreet, sit amet lum ad min utetuercilit autating ea consed dio odigna conullu tpatum incincil utatis adiat, volore dignibh ex eu feumsandre corem incing erostrud tin vulla ad et loborem zzrit vel er at dolore vulput luptatio delestie min henim nisit lut volorper sectet, si.

Criteria [Criteria] [Criteria] [Criteria] [Criteria] [Criteria]

[Site Name]

[Site Name]

[Site Name]

[Site Name]


79 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Criteria.Two-by-Two Description Ommy nosto eriurer ciduisim dolorem ercip ex eraesse elenibh elisit velit nos nullan utat. Ut utet aut ipsummy nonsequat, venibh ea corercilisit ad erit volore delis augiat velit voloreet, sit amet lum ad min utetuercilit autating ea consed dio odigna conullu tpatum incincil utatis adiat, volore dignibh ex eu feumsandre corem incing erostrud tin vulla ad et loborem zzrit vel er at dolore vulput luptatio delestie min henim nisit lut volorper sectet, si.

Attribute

Site Site

Site Site

Site Site

Site

Attribute

Attribute

Site Site

Site Site Site Site

Attribute


80 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Criteria.Yes&No Description Ommy nosto eriurer ciduisim dolorem ercip ex eraesse elenibh elisit velit nos nullan utat. Ut utet aut ipsummy nonsequat, venibh ea corercilisit ad erit volore delis augiat velit voloreet, sit amet lum ad min utetuercilit autating ea consed dio odigna conullu tpatum incincil utatis adiat, volore dignibh ex eu feumsandre corem incing erostrud tin vulla ad et loborem zzrit vel er at dolore vulput luptatio delestie min henim nisit lut volorper sectet, si.

Criteria [Criteria]

[Criteria]

[Criteria]

[Criteria]

[Criteria]

[Site Name]

[Site Name]

[Site Name]

[Site Name]


81 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Criteria.SiteTable Description Ommy nosto eriurer ciduisim dolorem ercip ex eraesse elenibh elisit velit nos nullan utat. Ut utet aut ipsummy nonsequat, venibh ea corercilisit ad erit volore delis augiat velit voloreet, sit amet lum ad min utetuercilit autating ea consed dio odigna conullu tpatum incincil utatis adiat, volore dignibh ex eu feumsandre corem incing erostrud tin vulla ad et loborem zzrit vel er at dolore vulput luptatio delestie min henim nisit lut volorper sectet, si.

Criteria

[Site 1]

[Site 2]

[Criteria]

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odi Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odi Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odi Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odi Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odi

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odi Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odi Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odi Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odi Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odi

[Criteria]

[Criteria]

[Criteria]

[Criteria]


82 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Example Site 1

1

1

1

[Site / Company Name]

1

1

1

1

http://[url]

1

1

Description Lorem aut lore faccum ipit vel er sum quamcon ullutpat. Ut lore vero commy nonse miniatie magnis nostis deliquatum niat at, sequat. Ut in henim dolore consectem nit praessectem veratinibh

1

Notes

1

• Ut num amet at. Pismod tin hendips umsandre dolortin vendit prat. Met wissequisl ip eum iriurem adio conse dolor si. • Endip eummy nonsendit alit iliquat. Duipisci estisi el dolor incipis etue magna faci tat amconum iliquam, sim quat erostin cidunt nos num dolore magna adio diam dio dolesed ent lor inibh ex ex euguer autem nonsequipit amcorpe rcillaor sisi. • Odio comm tio et, vent praesed eumsan henibh etummy nonsequis el dolortisim nit dolor se feugue magna facidunt nullan eui eummod


83 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Findings Category

Conclusion

Implications

[Category]

[Conclusion]

• [Implications Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pha

[Conclusion]

[Category]

[Conclusion]

[Conclusion]

[Category]

[Conclusion]

• retra gravida, orci magna rhoncus neque, id vpulvinar odio lorem non turpis. Nullam sit amet enim.] • [Implications Lorem ipsum dolor sit amet, consectetueulvinar odio lorem non turpis. Nullam sit amet enim.] • [Implications Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed • pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim.] • [Implications Lorem ipsum dolor sit amet, consectetuelvinar odio lorem non turpis. Nullam sit amet enim.] • [Implications Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim.]


84 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Recommendations Recommendation

Details

[Recommendation]

• [Implications Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pha

[Recommendation]

[Recommendation]

• retra gravida, orci magna rhoncus neque, id vpulvinar odio lorem non turpis. Nullam sit amet enim.] • [Implications Lorem ipsum dolor sit amet, consectetueulvinar odio lorem non turpis. Nullam sit amet enim.] • [Implications Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed • pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim.] • [Implications Lorem ipsum dolor sit amet, consectetuelvinar odio lorem non turpis. Nullam sit amet enim.] • [Implications Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim.]


Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Page Title

Content

85 of 133


86 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

[Type]

[Type]

[Type]

[Type]

[Type]

[Type] [Type] Section [Type] [Type] [Type] [Type] Section [Type] [Type] [Type] [Type] Section [Type] [Type] [Type] [Type] Section [Type] [Type] [Type] [Type] Section

[Type] Section [Type] [Type]

[Page/Section]

[Page/Section]

[Page/Section]

[Page/Section]

[Page/Section]

Content Type

Section

[Page/Section]

[Page/Section]

[Page/Section]

[Page/Section]

[Page/Section]

[Page/Section]

Content Type

[Page/Section]

PageByPageContentTypes


87 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

ContentBloatAssessment Proposed Content Refactoring:

Retained

Reduced

Removed (Likely)

Removed (Definitely)

Figure 1. [Page Name]

Figure 2. [Page Name]

Figure 5. [Page Name]

Figure 7. [Page Name]

Figure 9. [Page Name]

Figure 11. [Page Name]

Figure 3. [Page Name]

Figure 6. [Page Name]

Figure 8. [Page Name]

Figure 10. [Page Name]

Figure 12. [Page Name]

Figure 4. [Page Name]


88 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

ContentPriorityByPageType Giat ipisl et accum ing euis nullam ip endre molor incidunt ute vullum eum ipit il etummolut alit lor alit lum aliquis do dolobore minciliqui et num del incil illa conullan henis num zzrillu msandre feugait ip et el et, quat, quate tinim el ut ea ationulla consed et. Page Type

[Content Type]

[Content Type]

[Content Type]

[Content Type]

[Content Type]

[Content Type]

• [Example]

• [Example]

• [Example]

• [Example]

• [Example]

• [Example]

• [Example]

• [Example]

• [Example]

• [Example]

• [Example]

• [Example]

• [Example]

• [Example]

• [Example]

• [Example]

• [Example]

• [Example]

• [Example]

• [Example]

• [Example]

• [Example]

• [Example]

• [Example]

[Page Type Description / Graphic]

[Page Type Description / Graphic]

[Page Type Description / Graphic]

Content Type Examples


Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Page Title

Comps

89 of 133


Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

90 of 133

Comp Place the latest comp to the left. Describe the page we are looking at and anything special about this view (e.g. logged-in vs not loggedin). See X.X.X for further reference.


91 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

CSSSpecs 980

20

ID

Specifications

Fill Color

1

Page Title

30px Lucida Sans normal

5BA6FF

2

Header 1

20px Arial bold

5BA6FF

3

Header 2

15px Arial bold underline

5BA6FF

4

Breadcrumb

11px Arial normal

5BA6FF

5

Body Copy

12px Times New Roman normal line height: 16px

5BA6FF

6

Link

underline

0000FF

Text

5

10

95

200

10

Name

20

200

20

200

20

200


92 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

DesignSpecs Text 5 10 10

10

5

5

1

1

1

1

1

1

1

1

ID

Name

Font Family

Font Size

Font Weight

Font-Color

1

Page Title

Arial

10pt

Regular

#FFF

2

Header 1

3

Header 2

4

Breadcrumb

5

Body Copy

6

Link

Blocks ID

Name

Color

Padding

1

Body

#FFF

1px

2

Content

Other Notes 1. [Other note] 2. [Other note] 3. [Other note]

Legend

A

Spec Table Reference

222 Vertical Spacing 222

Horizontal Spacing

222

Padding Region

!

Special Note Tech

Border

Margin

Other Attributes

3px (right)

line-height: 5px


93 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

DesignSpecs.WideArt 5 10 10

10

5

ID

Attributes

1

font: Arial 10pt Regular #FFF

2

font: Arial 11pt Bold #CCC

3

5

4 5 6

Other Notes 1. [Other note] 2. [Other note] 3. [Other note]

Legend

A

Spec Table Reference

222 Vertical Spacing 222

Horizontal Spacing

222

Padding Region

!

Special Note Tech


94 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

DesignSpecs.Variations Text 5

A

5

A

10 A

10

10 10

A

5

5

A

10

10

5

5

A

ID

Name

Font Family

Font Size

Font Weight

Font-Color

1

Page Title

Arial

10pt

Regular

#FFF

2

Header 1

3

Header 2

4

Breadcrumb

5

Body Copy

6

Link

Blocks Figure 1. [Figure Title]

Figure 3. [Figure Title]

5

A

5

A

10 A

10

10 10

A

5

5

A

A

10

10

ID

Name

Color

1

Body

#FFF

2

Content

5

5

Other Notes 1. [Other note] 2. [Other note] 3. [Other note]

Figure 2. [Figure Title]

Legend

A

Spec Table Reference

Figure 4. [Figure Title]

222 Vertical Spacing 222

Horizontal Spacing

222

Padding Region

!

Special Note Tech

Border 1px

Margin

Other Attributes

3px (right)

line-height: 5px


95 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Grid.Basic Introductory paragraph Aliquam lectus orci, adipiscing et, sodales ac, feugiat non, lacus. Ut dictum velit nec est. Quisque posuere, purus sit amet malesuada blandit, sapien sapien auctor arcu, sed pulvinar felis mi sollicitudin tortor.

200

200

200

200


96 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Grid.Detailed 980

Introductory paragraph Aliquam lectus orci, adipiscing et, sodales ac, feugiat non, lacus. Ut dictum velit nec est. Quisque posuere, purus sit amet malesuada blandit, sapien sapien auctor arcu, sed pulvinar felis mi sollicitudin tortor.

20

5

10

95

Components • Component Name 1 • Component Name 2 • Component Name 3 • Component Name 4

200

10

20

200

20

200

20

200


Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Page Title

Style Guide

97 of 133


98 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Colors White

Gray 90%

Black

Orange

Gray 5%

Red

Gray 10% (Common background color)

Blue

Gray 15%

Olive

Gray 20% (Common background color)

Green

Gray 30%

Light Yellow

Gray 40%

Light Purple

Gray 50%

Light Cyan

Gray 60%

Dark Yellow

Gray 70%

EightShapes Orange

Gray 80%

EightShapes Maroon


Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Type Table Type Name

Font Family & Size

Style

Other Notes

Header

Arial 18pt

Bold Underline

Space After: 5pt

[Name]

[Family] [Size]

[Styles]

[Other]

[Name]

[Family] [Size]

[Styles]

[Other]

[Name]

[Family] [Size]

[Styles]

[Other]

[Name]

[Family] [Size]

[Styles]

[Other]

[Name]

[Family] [Size]

[Styles]

[Other]

[type category]

[type category] [Name]

[Family] [Size]

[Styles]

[Other]

[Name]

[Family] [Size]

[Styles]

[Other]

[Name]

[Family] [Size]

[Styles]

[Other]

[Name]

[Family] [Size]

[Styles]

[Other]

[Name]

[Family] [Size]

[Styles]

[Other]

[Name]

[Family] [Size]

[Styles]

[Other]

[Name]

[Family] [Size]

[Styles]

[Other]

[Name]

[Family] [Size]

[Styles]

[Other]

[type category] [Name]

[Family] [Size]

[Styles]

[Other]

[Name]

[Family] [Size]

[Styles]

[Other]

[Name]

[Family] [Size]

[Styles]

[Other]

[Name]

[Family] [Size]

[Styles]

[Other]

99 of 133


100 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Colors(2) [Spoken Color Name (e.g., Red)] [Pantone Name] CMYK: ##/##/##/## RBG: ##/##/##

[Spoken Color Name (e.g., Red)] [Pantone Name] CMYK: ##/##/##/## RBG: ##/##/##

[Spoken Color Name (e.g., Red)] [Pantone Name] CMYK: ##/##/##/## RBG: ##/##/##

[Spoken Color Name (e.g., Red)] [Pantone Name] CMYK: ##/##/##/## RBG: ##/##/##

[Spoken Color Name (e.g., Red)] [Pantone Name] CMYK: ##/##/##/## RBG: ##/##/##

[Spoken Color Name (e.g., Red)] [Pantone Name] CMYK: ##/##/##/## RBG: ##/##/##

[Spoken Color Name (e.g., Red)] [Pantone Name] CMYK: ##/##/##/## RBG: ##/##/##

[Spoken Color Name (e.g., Red)] [Pantone Name] CMYK: ##/##/##/## RBG: ##/##/##

Describe the philosophy of color a ullamcorper condimentum, tellus nulla fringilla elit, a iaculis nulla turpis sed wisi. Fusce volutpat. Etiam sodales ante id nunc. Proin ornare dignissim lacus. Nunc porttitor nunc a sem. Sed sollicitudin velit eu magna. Aliquam erat volutpat. Vivamus ornare est non wisi. Proin vel quam. Vivamus egestas. Nunc tempor diam vehicula mauris. Nullam sapien eros, facilisis vel, eleifend non, auctor dapibus, pede.


101 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Icons Icon Category

Icon Category

Icon Category

Icon Category

Icon name

Icon name

Icon name

Icon name

Icon name

Icon name

Icon name

Icon name

Icon name

Icon name

Icon name

Icon name

Icon name

Icon name

Icon name

Icon name

Icon name

Icon name

Icon name

Icon name

Icon name

Icon name

Icon name

Icon name

Icon name

Icon name

Icon name

Icon name

Icon name

Icon name

Icon name

Icon name

Icon name

Icon name

Icon name

Icon name

Icon name

Icon name

Icon name

Icon name

Icon name

Icon name

Icon name

Icon name

Icon name

Icon name

Icon name

Icon name

Describe the philosophy of icon usage a ullamcorper condimentum, tellus nulla fringilla elit, a iaculis nulla turpis sed wisi. Fusce volutpat. Etiam sodales ante id nunc. Proin ornare dignissim lacus. Nunc porttitor nunc a sem. Sed sollicitudin velit eu magna. Aliquam erat volutpat. Vivamus ornare est non wisi. Proin vel quam. Vivamus egestas. Nunc tempor diam vehicula mauris. Nullam sapien eros, facilisis vel, eleifend non, auctor dapibus, pede. Nunc porttitor nunc a sem. Sed sollicitudin velit eu magna. Aliquam erat volutpat. Vivamus ornare est non wisi. Proin vel quam. Vivamus egestas. Nunc tempor diam vehicula mauris. Nullam sapien eros, facilisis vel, eleifend non, auctor dapibus, pede.


102 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Photography.Dos&Donts Describe the philosophy of icon usage a ullamcorper condimentum, tellus nulla fringilla elit, a iaculis nulla turpis sed wisi. Fusce volutpat. Etiam sodales ante id nunc. Proin ornare dignissim lacus. Nunc porttitor nunc a sem. Sed sollicitudin velit eu magna. Aliquam erat volutpat. Vivamus ornare est non wisi. Proin vel quam. Vivamus egestas. Nunc tempor diam vehicula mauris. Nullam sapien eros, facilisis vel, eleifend non, auctor dapibus, pede.

[Description of do or don’t]

[Description of do or don’t]

[Description of do or don’t]

[Description of do or don’t]

[Description of do or don’t]

[Description of do or don’t]

[Description of do or don’t]

[Description of do or don’t]

Nunc porttitor nunc a sem. Sed sollicitudin velit eu magna. Aliquam erat volutpat. Vivamus ornare est non wisi. Proin vel quam. Vivamus egestas. Nunc tempor diam vehicula mauris. Nullam sapien eros, facilisis vel, eleifend non, auctor dapibus, pede.


103 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Imagery [Image Theme] [Short description and/or key words associated with this theme.]

[Image Theme] [Short description and/or key words associated with this theme.]

[Describe how imagery plays a role in building/maintaining the brand. Include possible distinction between imagery and photography.] Volorem eliquam, quis dio conse modipit lam enisit ea facip eu facidunt doloborerate dolorper alit volor alis nisl utat nulput ipit ad ent velessi.

When to Use Imagery [Provide guidelines for acceptable uses of photography or other imagery.] Iquat nonsequisis atem vel ullut aliscil dip endio od mod del iure feugait delendiam, quam vendips uscidunt wisim velesenibh euguero cor susciliquisi tissis num am eugue tinit venim incilluptat.

Our Personality [Brand Personality Trait] [Brand Personality Trait] [Brand Personality Trait] [Brand Personality Trait]

[Image Theme] [Short description and/or key words associated with this theme.]

[Brand Personality Trait]


Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

104 of 133

Logo Unapproved Use [Describe unapproved use]

[Describe unapproved use]

[Describe unapproved use]

[Describe unapproved use]

[Describe unapproved use]

[Describe unapproved use]

[Describe unapproved use]

[Describe unapproved use]

[Introduction to how not to change the logo.] Core tin eu faccummy nonsed magnit lamconullan euipit accum volorem eliquam, quis dio conse modipit lam enisit ea facip eu facidunt doloborerate dolorper alit volor alis nisl utat nulput ipit ad ent velessi.


105 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Logo [Explain logo elements.] The EightShapes signature is made up of two components: the stylized “ES� and the wordmark. These two elements are always placed together and should never appear independently.

Signature

[Additional logo notes] Iquat nonsequisis atem vel ullut aliscil dip endio od mod del iure feugait delendiam, quam vendips uscidunt wisim velesenibh euguero cor susciliquisi tissis num am eugue tinit venim incilluptat. Required File: ES

Wordmark

logo.eps Provide instructions on where the source file can be found, and any critical limitations or restrictions outlined on other pages of the style guide.


106 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Logo Size Measurement Area

Minimum Size

We have designated the minimum size for our logo to help it stand out as much as possible. While the minimum size here should meet most needs, make sure it is never smaller/larger than what can be clearly executed. Some uses [examples] may require larger sizes. [Optional paragraph for additional explaination/clarification.] Iquat nonsequisis atem vel ullut aliscil dip endio od mod del iure feugait delendiam, quam vendips uscidunt wisim velesenibh euguero cor susciliquisi tissis num am eugue tinit venim incilluptat. Required File: logo.eps Provide instructions on where the source file can be found, and any critical limitations or restrictions outlined on other pages of the style guide.


107 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Logo Variations [Explain acceptable logo variations, including any color substitutions, and the preferred background.] Accum volorem eliquam, quis dio conse modipit lam enisit ea facip eu facidunt doloborerate dolorper alit volor alis nisl utat nulput ipit ad ent velessi. [Optional paragraph for additional explaination/clarification.] Iquat nonsequisis atem vel ullut aliscil dip endio od mod del iure feugait delendiam, quam vendips uscidunt wisim velesenibh euguero cor susciliquisi tissis num am eugue tinit venim incilluptat. [Color Name] • Process Color • CMYK value • RGB value [Color Name] • Process Color • CMYK value • RGB value [Color Name] • Process Color • CMYK value • RGB value [Color Name] • Process Color • CMYK value • RGB value


Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

108 of 133

Type ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890�!@#$%&? Myriad Pro Regular

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890�!@#$%&? Myriad Pro Bold

This typeface examplifies our brand through its consistent weight, clean lines, and modern style. To core tin eu faccummy nonsed magnit lamconullan euipit. Committment to these perscriptions creates a consistent and recognizable identity. Accum volorem eliquam, quis dio conse modipit lam. [Acceptable font susbstitutions for specific characters (usually numbers, punctuation) where necessary.] Iquat nonsequisis atem vel ullut aliscil dip endio od mod del iure feugait delendiam, quam vendips uscidunt wisim velesenibh euguero cor susciliquisi tissis num am eugue tinit venim incilluptat. [Perscribed applications for this particular typeface - may be a specific media type (print, online), or specific structure (headings, body text).] Dolutpatie min ulputat. Ut am, consequi tatue dolut ing elismolobore tinit la feugiam.


Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Page Title

Wireframes

109 of 133


110 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

AlternativeSummary.2x3 Giat ipisl et accum ing euis nullam ip endre molor incidunt ute vullum eum ipit il etummolut alit lor alit lum aliquis do dolobore minciliqui et num del incil illa conullan henis num zzrillu msandre feugait ip et el et, quat, quate tinim el ut ea ationulla consed et, Figure 1. [Figure Title]

Figure 2. [Figure Title]

About the Design Alternatives sdfdsaPutpatis aut nim in eugait, sustrud eros accumsan vulputp atummod ming ex et ilis augiate conullamet ex el esto odip euisit vercil dolobore ese ex enismod er sum zzrit iliquip erciduis et dolesenis dolor sumsan ea conse commy nulla consenibh esequi tat, vullaor se tatinci ncilis diametum dolupta tismod min er aliquis at. Duis dolobor perostio odigna aut dunt la consecte te vullan heniscip et iliquat lan vendip euisi.

Figure 3. [Figure Title]

Figure 5. [Figure Title]

Figure 4. [Figure Title]

Figure 6. [Figure Title]

Wis nonsequis alit at. Am zzriliquamet augait ea augait, sim quat am zzriust iniscip issectet venim iureraestrud ea con ulpute faccum dolor iliquate vent wismolore etum vullaorem veniam, quipit lortisim zzriliquatet lutpat. Duis dignisse min eum ver iril ex eum iurem et


111 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

AlternativeSummary.1x4

[Figure Title]

[Figure Title]

Giat ipisl et accum ing euis nullam ip endre molor incidunt ute vullum eum ipit il etummolut alit lor alit lum aliquis do dolobore minciliqui et num del incil illa conullan henis num zzrillu msandre feugait ip et el et, quat, quate tinim el ut ea ationulla consed et, About the Design Alternatives sdfdsaPutpatis aut nim in eugait, sustrud eros accumsan vulputp atumncilis diametum dolupta tismod min er aliquis at. Duis dolobor perostio odigna aut dunt la consecte te vullan heniscip et iliquat lan vendip euisi.

[Figure Title]

[Figure Title]


112 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Intro&Chunked 1

2

3

4

Introductory paragraph Aliquam lectus orci, adipiscing et, sodales ac, feugiat non, lacus. Ut dictum velit nec est. Quisque posuere, purus sit amet malesuada blandit, sapien sapien auctor arcu, sed pulvinar felis mi sollicitudin tortor.

Components 1. [Component Name] 2. [Component Name] 3. [Component Name] 5

6

4. [Component Name] 5. [Component Name] 6. [Component Name]

[Figure Title]


113 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

IntroChunked&Categorized 1

2

3

4

Introductory paragraph Aliquam lectus orci, adipiscing et, sodales ac, feugiat non, lacus. Ut dictum velit nec est. Quisque posuere, purus sit amet malesuada blandit, sapien sapien auctor arcu, sed pulvinar felis mi sollicitudin tortor.

[Component Category] 1. [Component Name] 2. [Component Name] 3. [Component Name] 5

9

4. [Component Name]

[Component Category] 7

11

5. [Component Name] 6. [Component Name] 7. [Component Name] 8. [Component Name]

6

10

[Component Category] 9. [Component Name] 8

[Figure Title]

12

10.

[Component Name]

11.

[Component Name]

12.

[Component Name]


114 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

EmbeddedFlow Flow continue from A

page title

1

2+

page title

page title

Guidelines • Aliquam aliquet, est a ullamcorper condimentum, tellus nulla fringilla elit, a iaculis nulla turpis sed wisi. • Fusce volutpat. Etiam sodales ante id nunc. Proin ornare dignissim lacus. Nunc porttitor nunc a sem. • Sed sollicitudin velit eu magna. Aliquam erat volutpat. Vivamus ornare est non wisi. • Proin vel quam. Vivamus egestas. • Nunc tempor diam vehicula mauris. • Nullam sapien eros, facilisis vel, eleifend non, auctor dapibus, pede. [Figure Title]


115 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

InspiredBy Write an introduction to this inspiration. Proin at eros non eros adipiscing mollis. Donec semper turpis sed diam. Sed consequat ligula nec tortor. Integer eget sem. Ut vitae enim eu est vehicula gravida. Morbi ipsum ipsum, porta nec, tempor id, auctor.

Criteria

Inspired By

[Criteria] Proin at eros non eros adipiscing mollis.

[Criteria] Donec semper turpis sed diam. Sed consequat ligula nec tortor. Integer eget sem.

[Criteria] Proin at eros non eros adipiscing mollis.

[Criteria] Donec semper turpis sed diam. Sed consequat ligula nec tortor. Integer eget sem.

[Criteria] Proin at eros non eros adipiscing mollis.

[Criteria] Donec semper turpis sed diam. Sed consequat ligula nec tortor. Integer eget sem.

[Figure Title]

[Site URL]


116 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Pattern Introduction

non, auctor dapibus, pede.

Aliquam aliquet, est a ullamcorper condimentum, tellus nulla fringilla elit, a iaculis nulla turpis sed wisi. Fusce volutpat. Etiam sodales ante id nunc. Proin ornare dignissim lacus. Nunc porttitor nunc a sem.

Guidelines

Use When Sed sollicitudin velit eu magna. Aliquam erat volutpat. Vivamus ornare est non wisi. Proin vel quam. Vivamus egestas. Nunc tempor diam vehicula mauris. Nullam sapien eros, facilisis vel, eleifend non, auctor dapibus, pede.

Rationale

[Figure Title]

Aliquam aliquet, est a ullamcorper condimentum, tellus nulla fringilla elit, a iaculis nulla turpis sed wisi. Fusce volutpat. Etiam sodales ante id nunc. Proin ornare dignissim lacus. Nunc porttitor nunc a sem. Sed sollicitudin velit eu magna. Aliquam erat volutpat. Vivamus ornare est non wisi. Proin vel quam. Vivamus egestas. Nunc tempor diam vehicula mauris. Nullam sapien eros, facilisis vel, eleifend

• Aliquam aliquet, est a ullamcorper condimentum, tellus nulla fringilla elit, a iaculis nulla turpis sed wisi. • Fusce volutpat. Etiam sodales ante id nunc. Proin ornare dignissim lacus. Nunc porttitor nunc a sem. • Sed sollicitudin velit eu magna. Aliquam erat volutpat. Vivamus ornare est non wisi. • Proin vel quam. Vivamus egestas. • Nunc tempor diam vehicula mauris. • Nullam sapien eros, facilisis vel, eleifend non, auctor dapibus, pede.


117 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

ThumbnailFlow [Annotations content]

Flow 1 [Figure Title]

2

3

4

5

6

7


118 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Variations.2

[Figure Title]

[Figure Title]


119 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Variations.3

[Figure Title]

[Figure Title]

[Figure Title]


120 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Components.4x1 [Introduction An vel ip et luptatueril eu facinibh ex ex ex etuercidunt enis num vullam, consecte dolore augue facillan esto] [Element Name] [Figure Title]

[Element notes Loborperos nibh ero er sed eratuercilit at. Ipsusto do ea commodiam euis ad del ut eu facipit, sustie feum]

[Element Name] [Figure Title]

[Element notes Loborperos nibh ero er sed eratuercilit at. Ipsusto do ea commodiam euis ad del ut eu facipit, sustie feum]

[Element Name]

[Figure Title]

[Element notes Loborperos nibh ero er sed eratuercilit at. Ipsusto do ea commodiam euis ad del ut eu facipit, sustie feum]

[Element Name] [Element notes Loborperos nibh ero er sed eratuercilit at. Ipsusto do ea commodiam euis ad del ut eu facipit, sustie feum] [Figure Title]


121 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Components.2x2 [Introduction An vel ip et luptatueril eu facinibh ex ex ex etuercidunt enis num vullam, consecte dolore augue facillan esto] [Element Name] [Element notes Loborperos nibh ero er sed eratuercilit at. Ipsusto do ea commodiam euis ad del ut eu facipit, sustie feum]

[Element Name] [Figure Title]

[Figure Title]

[Element notes Loborperos nibh ero er sed eratuercilit at. Ipsusto do ea commodiam euis ad del ut eu facipit, sustie feum]

[Element Name] [Element notes Loborperos nibh ero er sed eratuercilit at. Ipsusto do ea commodiam euis ad del ut eu facipit, sustie feum]

[Element Name] [Element notes Loborperos nibh ero er sed eratuercilit at. Ipsusto do ea commodiam euis ad del ut eu facipit, sustie feum] [Figure Title]

[Figure Title]


122 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Components.1x3 [Introduction An vel ip et luptatueril eu facinibh ex ex ex etuercidunt enis num vullam, consecte dolore augue facillan esto] [Element Name] [Element notes Loborperos nibh ero er sed eratuercilit at. Ipsusto do ea commodiam euis ad del ut eu facipit, sustie feum]

[Element Name] [Element notes Loborperos nibh ero er sed eratuercilit at. Ipsusto do ea commodiam euis ad del ut eu facipit, sustie feum]

[Element Name] [Element notes Loborperos nibh ero er sed eratuercilit at. Ipsusto do ea commodiam euis ad del ut eu facipit, sustie feum]

[Element Name] [Element notes Loborperos nibh ero er sed eratuercilit at. Ipsusto do ea commodiam euis ad del ut eu facipit, sustie feum] [Figure Title]

[Figure Title]

[Figure Title]


Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Page Title

Specs

123 of 133


124 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Components.1x3 [Element Name] ÄÄ [Object] [Handler]: [Behavior description that spans two lines and appears relatively dense when worded so densely] If (user is signed in), then display. Otherwise, hide. ## [Data format guideline] ## [Data format guideline] ## [Data format guideline] ## [Data format guideline] [Editorial guideline] [Editorial guideline]o densely] [Editorial guideline]

[Element Name] ÄÄ [Object] [Handler]: [Behavior description that spans two lines and appears relatively dense when worded so densely] If (user is signed in), then display. Otherwise, hide. ## [Data format guideline] ## [Data format guideline] ## [Data format guideline] ## [Data format guideline] ## [Data format guideline] ## [Data format guideline] [Editorial guideline]

appears relatively dense when worded so densely] If (user is signed in), then display. Otherwise, hide. ## [Data format guideline] ## [Data format guideline] ## [Data format guideline] ## [Data format guideline]

[Element Name] ÄÄ [Object] [Handler]: [Behavior description that spans two lines and appears relatively dense when worded so densely] If (user is signed in), then display. Otherwise, hide. ## [Data format guideline] ## [Data format guideline] [Editorial guideline]o densely] [Editorial guideline]

[Element Name]

Figure Title

Figure Title

Figure Title

ÄÄ [Object] [Handler]: [Behavior description that spans two lines and appears relatively dense when worded so densely] If (user is signed in), then display. Otherwise, hide. ## [Data format guideline] ## [Data format guideline] [Editorial guideline] [Editorial guideline]o densely] [Editorial guideline] [Editorial guideline]o densely] [Editorial guideline]

[Element Name] ÄÄ [Object] [Handler]: [Behavior description that spans two lines and Display:

Required

Recommended

Optional || Spec Type:  Behavior  State  Editorial  Data


125 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Components.2x2 [Element Name] ÄÄ [Object] [Handler]: [Behavior description that spans two lines and appears relatively dense when worded so densely] If (user is signed in), then display. Otherwise, hide. ## [Data format guideline] ## [Data format guideline] ## [Data format guideline] ## [Data format guideline] [Editorial guideline] [Editorial guideline]o densely] [Editorial guideline]

[Element Name]

Figure Title

Figure Title

ÄÄ [Object] [Handler]: [Behavior description that spans two lines and appears relatively dense when worded so densely] If (user is signed in), then display. Otherwise, hide. ## [Data format guideline] ## [Data format guideline] ## [Data format guideline] ## [Data format guideline] ## [Data format guideline] ## [Data format guideline] [Editorial guideline]

appears relatively dense when worded so densely] If (user is signed in), then display. Otherwise, hide. ## [Data format guideline] ## [Data format guideline] ## [Data format guideline] ## [Data format guideline]

[Element Name] ÄÄ [Object] [Handler]: [Behavior description that spans two lines and appears relatively dense when worded so densely] If (user is signed in), then display. Otherwise, hide. ## [Data format guideline] ## [Data format guideline] [Editorial guideline]o densely] [Editorial guideline]

[Element Name] ÄÄ [Object] [Handler]: [Behavior description that spans two lines and appears relatively dense when worded so densely] If (user is signed in), then display. Otherwise, hide. ## [Data format guideline] ## [Data format guideline] [Editorial guideline] [Editorial guideline]o densely] [Editorial guideline] [Editorial guideline]o densely] [Editorial guideline]

[Element Name] ÄÄ [Object] [Handler]: [Behavior description that spans two lines and Figure Title

Figure Title

Display:

Required

Recommended

Optional || Spec Type:  Behavior  State  Editorial  Data


126 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Components.4x1 [Element Name]

[Figure Title]

ÄÄ [Object] [Handler]: [Behavior description that spans two lines and appears relatively dense when worded so densely] If (user is signed in), then display. Otherwise, hide. ## [Data format guideline] ## [Data format guideline] ## [Data format guideline] ## [Data format guideline] [Editorial guideline] [Editorial guideline]o densely] [Editorial guideline]

[Element Name]

[Figure Title]

ÄÄ [Object] [Handler]: [Behavior description that spans two lines and appears relatively dense when worded so densely] If (user is signed in), then display. Otherwise, hide. ## [Data format guideline] ## [Data format guideline] ## [Data format guideline] ## [Data format guideline] ## [Data format guideline] ## [Data format guideline] [Editorial guideline]

appears relatively dense when worded so densely] If (user is signed in), then display. Otherwise, hide. ## [Data format guideline] ## [Data format guideline] ## [Data format guideline] ## [Data format guideline]

[Element Name] ÄÄ [Object] [Handler]: [Behavior description that spans two lines and appears relatively dense when worded so densely] If (user is signed in), then display. Otherwise, hide. ## [Data format guideline] ## [Data format guideline] [Editorial guideline]o densely] [Editorial guideline]

[Element Name]

[Figure Title]

ÄÄ [Object] [Handler]: [Behavior description that spans two lines and appears relatively dense when worded so densely] If (user is signed in), then display. Otherwise, hide. ## [Data format guideline] ## [Data format guideline] [Editorial guideline] [Editorial guideline]o densely] [Editorial guideline] [Editorial guideline]o densely] [Editorial guideline]

[Element Name] [Figure Title]

ÄÄ [Object] [Handler]: [Behavior description that spans two lines and Display:

Required

Recommended

Optional || Spec Type:  Behavior  State  Editorial  Data


127 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Page.Chunked 1

2

3

4

5

6

7

8

[Introduction to wireframe Met ut lor adit augait prat, sustio odipis eugait lor se veril ullamet, venis am ver iure veliquat wisl] Purpose

Components

Tatie ming ea feugueros ad dolore molobortie min vel dipsustrud minci tie dolore consenit augue commy nim eugait lorperosto ex enit, voluptate velit in henibh ex ercil duis auguerci blam, velenim ing eu feugueratet iure conulput am, quis nis adiatue dolorper adignim enisi. • Guerit ilissectem il in ulputpatie magnis nullamc onsequis digna conullaorem velit auguerat. Usto diam, conse conum do • loreet incipit wismodignim inisl iliquip ex e • sequisit aut lorper aliquam • dolore veliscil et augait adiamet ullummy nisl dion velit, se mod tionsed er am, volore • m in hent vel illupta tionsequis nullut alisse volo • rperat vullandreet del ullan henim ipit at. An utem nos nostrud esecte dolutem nullutat ut wis augait landiam zzrilit lutpat ad ercidui el

1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11.

[Component Name] [Component Name] [Component Name] [Component Name] [Component Name] [Component Name] [Component Name] [Component Name] [Component Name] [Component Name] [Component Name]

Rationale olorpero et dolesto od doloborem quis augue tem dolore voluptate dio odignisit nonsectet wis aliquam duipit laore faccummod magnim nit wisim qui ex e nit prate velesse quipit irilis nisl utetue venismodolor sit iuscin ulla facidunt illaorpero consenim vullan utem do conulla faci tisl diatem aci tatetue conulla am dolor iurem endip elit atummy nulputpat num veliqui ex eu feugiatio cortie ming endit doloreet, quis endre

[Figure Title]

Display:

Required

Recommended

Optional || Spec Type:  Behavior  State  Editorial  Data


128 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Page.Standard [Introduction to wireframe Met ut lor adit augait prat, sustio odipis eugait lor se veril ullamet, venis am ver iure veliquat wisl] NEW Media Banner

[Editorial guideline]

ÄÄ [Object] [Handler]: [Behavior description that spans two lines and appears relatively dense when worded so densely] If (user is signed in), then display. Otherwise, hide. ## [Data format guideline] ## [Data format guideline] [Editorial guideline] [Editorial guideline]

G##v# [Component/Instance Name]

G##v# [Compome] ÄÄ [Object] [Handler]: [Behavior description that spans two lines and appears relatively dense when worded so densely] [Editorial guideline]

[Editorial guideline]nse when worded so densely] [Editorial guideline]

NEW [Component/Instance Name] ## [Data format guideline] ## [Data format guideline] ## [Data format guideline] ## [Data format guideline] [Editorial guideline]nse when worded so densely] [Editorial guideline]

G##v# mponent/Instance Name] ÄÄ [Object] [Handler]: [Behavior description that spans two lines and appears relatively dense when worded so densely] ÄÄ [Handler]: [Behavior description] ## [Data format guideline] ## [Data format guideline] ## [Data format guideline] ## [Data format guideline] ## [Data format guideline] ## [Data format guideline] [Editorial guideline]

G##v# [Component/Instance Name] ÄÄ [Object] [Handler]: [Behavior description that spans two lines and appears relatively dense when worded so densely] ÄÄ [Handler]: [Behavior description] [Editorial guideline]nse when worded so densely] [Figure Title]

Display:

Required

Recommended

Optional || Spec Type:  Behavior  State  Editorial  Data


129 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Page.UnstructuredIntro [Introduction to wireframe Met ut lor adit augait prat, sustio odipis eugait lor se veril ullamet, venis am ver iure veliquat wisl]

[Figure Title]

Tatie ming ea feugueros ad dolore molobortie min vel dipsustrud minci tie dolore consenit augue commy nim eugait lorperosto ex enit, voluptate velit in henibh ex ercil duis auguerci blam, velenim ing eu feugueratet iure conulput am, quis nis adiatue dolorper adignim enisi. • Guerit ilissectem il in ulputpatie magnis nullamc onsequis digna conullaorem velit auguerat. Usto diam, conse conum do • loreet incipit wismodignim inisl iliquip ex e • sequisit aut lorper aliquam • dolore veliscil et augait adiamet ullummy nisl dion velit, se mod tionsed er am, volore • m in hent vel illupta tionsequis nullut alisse volo • rperat vullandreet del ullan henim ipit at. An utem nos nostrud esecte dolutem nullutat ut wis augait landiam zzrilit lutpat ad ercidui el

NEW Media Banner

Purpose

G##v# [Component/Instance Name]

olorpero et dolesto od doloborem quis augue tem dolore voluptate dio odignisit nonsectet wis aliquam duipit laore faccummod magnim nit wisim qui ex e nit prate velesse quipit irilis nisl utetue venismodolor sit iuscin ulla facidunt illaorpero consenim vullan utem do conulla faci tisl diatem aci tatetue conulla am dolor iurem endip elit atummy nulputpat num veliqui ex eu feugiatio cortie ming endit doloreet, quis endre

[Editorial guideline]nse when worded so densely] [Editorial guideline]

Display:

Required

Recommended

[Object] [Handler]: [Behavior description that spans two lines and appears relatively dense when worded so densely] If (user is signed in), then display. Otherwise, hide. [Editorial guideline] [Editorial guideline]o densely] [Editorial guideline]

G##v# [Component/Instance Name] ÄÄ [Object] [Handler]: [Behavior description that spans two lines and appears relatively dense when worded so densely] ÄÄ [Handler]: [Behavior description] [Editorial guideline]nse when worded so densely] [Editorial guideline]

G##v# [Component/Instance Name] [Editorial guideline]nse when worded so densely] [Editorial guideline]nse when worded so densely] [Editorial guideline]nse when worded so densely] [Editorial guideline]nse when worded so densely] [Editorial guideline]

Optional || Spec Type:  Behavior  State  Editorial  Data


130 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Content ID

Attribute

Required?

Guidelines

Sample Values

1

Source

Opt

• Begins with “Republished from the pages of “ or similar initiating phrase

Repu

• Link the source name to the home page of the source 2

Author

Opt

• Display [First Name] [Last Name] • Do not display middle initial

3

Date

Req

• Display in [Month] DD, YYYY full name format

4

Content

Req

• Display the first paragraph in ##pt type • Flow to fit the container’s width • Up to #,### words • Paragraphs up to #,### words

[Figure Title]

5

Photo

Req

6

Photo Description

Req

7

Photo Enlarge

Opt

8

“See More” Content

Opt

9

“From” Title

Req

10

“From” Description

Req

• If no “See More” content is available, then do not display the “See More in the [label]” header

Source


131 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Editorial [Element name]

[Code]

[Editorial guideline] [Editorial guideline] [Editorial guideline] [Editorial guideline] [Editorial guideline]

[Element name]

[Element name] [Code]

[Editorial guideline] [Editorial guideline] [Editorial guideline] [Editorial guideline] [Editorial guideline]

[Element name]

[Code]

[Editorial guideline] [Editorial guideline] [Editorial guideline] [Editorial guideline] [Editorial guideline]

[Element name]

[Code]

[Editorial guideline] [Editorial guideline] [Editorial guideline] [Editorial guideline] [Editorial guideline]

[Element name]

[Code]

[Editorial guideline] [Editorial guideline] [Editorial guideline] [Editorial guideline] [Editorial guideline]

[Element name]

[Code]

[Editorial guideline] [Editorial guideline] [Editorial guideline] [Editorial guideline] [Editorial guideline]

[Element name] [Figure Title]

[Editorial guideline]

[Editorial guideline] [Editorial guideline] [Editorial guideline] [Editorial guideline]

[Code]

[Editorial guideline] [Editorial guideline] [Editorial guideline] [Editorial guideline] [Editorial guideline]

[Code]


132 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

InteractionNotes [Element Name] [Element descriptionm et asitisi deruntu risque ped quiate odi doloriam quod que vendicae aut ommos eseque non re aspeles adis eicabor esendus torempelest]

Interaction Notes • • • •

[Interaction note] [Interaction note] [Interaction note] [Interaction note]

[Element Name] [Element descriptionm et asitisi deruntu risque ped quiate odi doloriam quod que vendicae aut ommos eseque non re aspeles adis eicabor esendus torempelest]

Interaction Notes • • • •

[Interaction note] [Interaction note] [Interaction note] [Interaction note]

[Element Name] [Element descriptionm et asitisi deruntu risque ped quiate odi doloriam quod que vendicae aut ommos eseque non re aspeles adis eicabor esendus torempelest]

Interaction Notes • • • •

[Figure Title]

[Interaction note] [Interaction note] [Interaction note] [Interaction note]


133 of 133

Deliverable System Assets

Version 4 published May 31, 2009 by Nathan Curtis (nathan@eightshapes.com)

Functional Aliquam aliquet, est a ullamcorper condimentum, tellus nulla fringilla elit, a iaculis nulla turpis sed wisi. Fusce volutpat. Etiam sodales ante id nunc. Proin ornare dignissim lacus. Scope

Business Rules

Nunc porttitor nunc a sem. Sed sollicitudin velit eu magna. Aliquam erat volutpat.

[Business Rule] [Business Rule] [Business Rule] [Business Rule] [Business Rule]

Path Home > Home > [Figure Title]

[Figure Title]

Relationships

Variations

[Relationship] [Relationship] [Relationship] [Relationship] [Relationship]

[Variation] [Variation] [Variation] [Variation] [Variation]

Functional Spec #.# Element Name

[Figure Title]

[Figure Title]

Display

Text

Default

[Null]

Actions

onBlur Sed pulvinar, felis id consectetuer malesuada, enim nisl mattis elit, a facilisis tortor nibh quis leo. Sed augue lacus, pretium vitae, molestie eget, rhoncus quis, elit. onChange Donec in augue. Fusce orci wisi, ornare id, mollis vel, lacinia vel, massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Values Validations Notes

[Figure Title]

Cras dictum. Maecenas ut turpis. In vitae erat ac orci dignissim eleifend. Nunc quis justo. Sed vel ipsum in purus tincidunt pharetra. Sed pulvinar, felis id consectetuer malesuada, enim nisl mattis elit, a facilisis tortor nibh quis t malesuada fames ac turpis egestas.

UX | Unify  
Advertisement