commercial-in-confidence 1 information architect and the development internet application tweek...

Commercial-in-Confidence1

Information Architect and the Development Internet Application

Tweek Presentation May 2001


Brief History


What lies beneath?


What is Information Architecture?

• Information architecture is an emerging field which includes aspects of composition, design, cognitive science, information sciences, computer science, and social sciences.

• In its basic form, Information architecture is a system of classification and organisation that provides a strategy for marking information accessible to users.


How does IA Work?

• Information architecture sets to communicate site content and functionality through the use of:– Navigation Systems– Labelling Systems– Searching Systems– Structure


Building Websites – Starting Point

• Project Goals• Audience• Understanding Objectives

– Business– Marketing


Project Goals

• Mission and vision– What is your mission statement?– What is the companies overall vision?– What is the product vision?– How will the web site support the organizational mission?

• Short-term versus long-term goals– Business - What are the corporate short and long-term goals?– Application - What is the product short and long-term vision?

• Metrics for success– How can we define the success? How subjective is the process?– Are there any quantitative and qualitative mechanisms of measuring

the success? (For example: statistics, number of hits, placed orders, time spent for user, number of navigation clicks, dropouts, etc…)

– Is brand awareness part of this metrics? If so how will this be measured?

– What role will “market captured” and similar statistics play in the measurement of success?


Audience

• Intended demographics– Current - What type of user do you attract? (Include market segment, user profile, skills

set, psychological profile, age; information that will allow us the understand the user better)

– Desired - What types of user do you wish to attract? And why?

– Who is the most valuable?

• User profiles and sub-user profiles– Identify the principal users? For requestDSL 6 potential end users

– Within the principal users what are the sub-users or categories? (The industry they belong, the department they are supporting, etc…)

• Reasons for using this application– What makes this application better?

– Are there any differentiating elements or functions? If so, then why are the better?

• Focus groups– Have any studies or investigations been formed on users? If so, please provide?

– What is the targeted user skill set? (For example: Computer skills, technology awareness, etc…)

– What is the lifestyle of the targeted user? What features, functions, look and feel, and technology are most appealing to this user?


Business Model

• Mission statement• Model description• Business objectives• Competitive matrix – business• Competitive matrix – user interface• Future plans/ growth model• Revenue models

– Current– Future


Marketing

• High-level strategy

• Value proposition

• Image

– Desired

– Perceived

• Marketing site versus application

• Current marketing content

• Branding efforts

• Ad-banner requirements

• Co-branding requirements

• Product tours

– Live demos?

– Step users through the “experience”

– Drive users to registration?


Applying Information Architecture

• Navigation Systems– There are many types of navigation systems:

• Global navigation is site-wide navigation, which often complements the information hierarchy, since it allows for greater vertical and lateral movement.

• Local navigation is used within a “subset” of information. • Hierarchical navigation is layered from the main page to the destination pages, as the name suggests. • Ad hoc navigation refers to links embedded within the text, which server an editorial purpose more than

an architectural one. Value proposition

• Labelling Systems– Web labelling systems are used as a form of representation. Single words that are used

to trigger connection to a much larger group of ideas.

– Labelling systems are a combination of: • Labels as indexing terms - Increase search hits with appropriate tags.• Link labels - Click text, expanding book titles, anchor links.• Labels as headings - Consistent terminology, consistent granularity.• Icons as labels.

• Structure– Information structure is a distinct grouping of information, based on how users retrieve

information (task, system feature, information type, etc.).

– Having its primary purpose to support user goals: users want to get the information they need, quickly and efficiently.


In Action

RequestDSL


SitemapHome

1.0

Availability5.0

RequestXpressAvailability

5.1

Service Availability5.1.1

Request Service5.1.2

Rollout Program5.4

Network4.0

Overview4.1

NetworkArchitecture

4.2

QoS Implementation4.3

Cisco PoweredNetwork

4.4

Service Operation4.5

PerformanceMonitoring

4.6

DSL Technology4.7

FAQ4.8

Products3.0

Overview3.1

Business Benefits3.2

Full Service Offering3.3

RequestXpress3.4

Description3.4.1

Features3.4.2

Service LevelAgreement

3.4.3

Application3.4.4

Simulator3.4.6

CompetitiveAdvantage

3.4.5

RequestVoice3.6

RequestTelecommuter

3.7

RequestBranchOffice

3.8

RequestVideo3.9

Case Studies3.10

About RequestDSL2.0

Overview2.1

Simplifying DSL2.1.1

Putting PiecesTogether

2.1.2

Contacts2.2

In The News2.3

Published News2.3.1

Press Releases2.3.2

ASXAnnouncements

2.3.3

Investor Relations2.4

Overview2.4.1

Leadership Team2.4.2

TechnologyPartners

2.5

Partner Information7.0

RequestAdvantage7.1

Partnering Process7.2

Partner Login7.4

Resellers6.0

Resellers ByLocation

6.1

Resellers ByService

6.2

Page not implemented in this release

Search ForResellers

6.3

Contact Us7.3

Reseller Referral5.1.3

RequestDataLinkAvailability

5.2

Service Availability5.2.1

Request Service5.2.2

Reseller Referral5.2.3

Coverage Map5.3

Browse By City5.3.1

Page Footer

Home1.0

Products3.0

Network4.0

Availability5.0

Partner Information7.0

About RequestDSL2.0

Resellers6.0

Legal Notice1.1

Privacy Statement1.2

Feedback1.3

Partner Login7.4

OBS7.4.1

Technical Support7.4.2

Marketing Support7.4.3

Page requires secure connectionbefore made visible

RequestDataLink3.5

Description3.5.1

Features3.5.2

Service LevelAgreement

3.5.3

Application3.5.4

Price3.5.6

CompetitiveAdvantage

3.5.5

Confirmation5.1.4

Confirmation5.2.4

Documents7.4.4


Global Templete – Wireframe

RequestDSL - "Page Name"

RequestDSLLogo

About RequestDSL Products Network Availability Resellers Partner Information

Home About RequestDSL Network Availability ResellersProducts Partner Information

Legal Notice Privacy Statement Partner LoginFeedback

Content Specific Quick Link 1




Content Specific Quick Link N

Global Elements Template

DescriptionRequestDSL Global Elements. This schematic describes the navigation strategy and required global elements for eachwebsite page.

StyleFit 800x600 screen with browser buttons enabled.

EventsOnMouseOver - Display field hint property

BehaviorA mechanism for bread crumbing should be employed to allow the user to ascertain there relevant position on the site.

Related Topics Quick Link Navigation

DescriptionContent specific navigation console used to navigate directly to specific areas of theweb site. Each link is represented in the form of a question.

StyleDynamically generated sub navigation bar that is populated with content specific links inthe form of pre-emptive questions to allow the user to navigate directly to the requiredpage.

EventsOnMouseOver - Highlight section item.OnMouseClick - load page.

BehaviorSee Related Topics Quick Link Navigation component in schematics:-

2.0 About RequestDSL3.0 Products4.0 Network5.0 Availability6.0 Resellers7.0 Partner Information

Sub Navigation

DescriptionNavigation console used to navigate through each sections of theselected primary navigation category.

StyleDynamically generated sub navigation bar that is populated withthe available sections for each selected primary category. Theconsole is populated with sections and sub-sections in ahierarchical form.

The console also includes:1. A marker showing the current active Sub Menu item.2. A "Back" option to return from an active second tier sub Menutopic.

EventsOnMouseOver - Highlight section item.OnMouseClick - Highlight menu item and load page.

BehaviorSee Sub Navigation component in schematics:-

2.0 About RequestDSL3.0 Products4.0 Network5.0 Availability6.0 Resellers7.0 Partner Information

Primary Navigation

DescriptionHierarchical based menu structure that allows the user to navigate throughthe website.

StylePop-up hierarchical menu that allows the selection of section categories.

EventsOnMouseOver - Highlight menu item and display hierarchical menu forselection.OnMouseClick - Highlight menu item and display hierarchical menu forselection.

BehaviorOn selection load page:-

"About RequestDSL" 2.0 About RequestDSL"Products" 3.0 Products"Network" 4.0 Network"DSL Availability" 5.0 DSL Availability"Resellers" 6.0 Resellers"Partner Information"7.0 Partnet InformationCorporate Logo

DescriptionDisplay RequestDSL Logo.

StylePermanent cached graphical element.

EventsOnMouseOver - Display hint "Click to return to home page"OnMouseClick - Load home page.

BehaviorOn selection load 1.0 Home.

Page Footer

DescriptionPage footer that allows the user to navigate through the website.

StylePage links.

EventsOnMouseOver - Highlight menu item.OnMouseClick - Load selected page.


"Home" 1.0 Home"About RequestDSL" 2.0 About RequestDSL"Products" 3.0 Products"Network" 4.0 Network"Availability" 5.0 Availability"Resellers" 6.0 Resellers"Partner Information" 7.0 Partnet Information"Legal Notice" 1.1 Legal Notice"Privacy Statement" 1.2 Privacy Statement"Feedback" 1.3 Feedback"Partner Login" 7.4 Partner Login

Related Links

In This Section

Sub Menu Item 1

Sub Menu Item 2

Sub Menu Item 3

Sub Menu Item 1.1

Sub Menu Item 1.2

Sub Menu Item 1.N

Sub Menu Item N

Return to "Sub Menu Page Name"


Products – Wireframe

RequestDSL - Products

RequestDSLLogo




How do I get DSL?

What is DSL?

How do I contact RequestDSL?

What is the latest on RequestDSL?

Products

DescriptionProducts schematic provides an overview of RequestDSL products and services. trade in and there marketing strategy.

StyleInherit from "0.1 Global Elements"


BehaviorInherit from "0.1 Global Elements"


DescriptionContent specific navigation console used to navigate directly tospecific areas of the web site. Each link is represented in the formof a question.

StyleDynamically generated sub navigation bar that is populated withcontent specific links in the form of pre-emptive questions to allowthe user to navigate directly to the required page.


BehaviorOn selection load page:"How do I get DSL?" 5.0 Availability"What is DSL?" 4.7 DSL Technology"How do I contact RequestDSL?" 2.2 Contacts"What is the latest on RequestDSL?" 2.3 In The News

Sub Navigation

DescriptionNavigation console used to navigate through each sections of theselected primary navigation category.

StyleDynamically generated sub navigation bar that is populated withthe available sections for each selected primary category. Theconsole is populated with sections and sub-sections in ahierarchical form.


BehaviorOn selection load page:-"Overview" 3.1 Overview"Business Benefits" 3.2 Business Benefits"Full Service Offering" 3.3 Full Service Offering"RequestXpress" 3.4 RequestXpress"RequestDataLink" 3.5 RequestDataLink

Related Links

In This Section

Overview

Business Benefits

Full Service Offerings

RequestXpress

RequestDataLink

OverviewLearn about RequestDSL portfolio of products and services.

Business BenefitsSee how these products and services can benefit your business.

Full Service OfferingLearn about RequestDSL Full Service Offering.

RequestXpressFind out about RequestXpress.

RequestDataLinkFind out about RequestDataLink and how it can help your business.

MetaphorGraphic

More

More

More

More

More

Marketing Slogan

Content Area

DescriptionContent area containing an introduction that outlines a briefdescription of each of the section topics.

StyleAuto sizing table row that includes a header containing aMarketing Slogan and Metaphor Graphic. Each topic contains alink into the topic section.

EventsOnMouseClick - Load page.

BehaviorOn selection of "More" load page:-"Overview" 3.1 Overview"Business Benefits" 3.2 Business Benefits"Full Service Offering" 3.3 Full Service Offering"RequestXpress" 3.4 RequestXpress"RequestDataLink" 3.5 RequestDataLink


Products – JSP


Wizards Template – Wireframe

RequestDSL - "Page Name"

RequestDSLLogo








Content Specific Quick Link N

Sales Wizard Template

DescriptionRequestDSL Global Elements. This schematic describes the navigation strategy and required global elements for eachwebsite page.

StyleFit 800x600 screen with browser buttons enabled.


BehaviorA mechanism for bread crumbing should be employed to allow the user to ascertain there relevant position on the site.


DescriptionContent specific navigation console used to navigate directly to specific areas of theweb site. Each link is represented in the form of a question.

StyleDynamically generated sub navigation bar that is populated with content specific links inthe form of pre-emptive questions to allow the user to navigate directly to the requiredpage.


BehaviorSee Related Topics Quick Link Navigation component referenced in schematics:-

0.2.1 RequestXpress Wizard0.2.2 RequestDataLink Wizard0.2.3 RequestAdvantage Wizard0.2.4 Technology Wizard

Wizard Navigation

DescriptionNavigation console used to navigate through each topic of theselected Help Wizard Topics.

StyleDynamically generated wizard navigation bar that is populated withthe available topics for each selected product tour. The console ispopulated with sections and sub-sections in a hierarchical form.

The console includes a current topic marker to help identify theopen topic, a Previous and Next buttons to either recursbackwards or forwards through the topic list.


BehaviorSee Help Wizard in schematics:-

0.2.1 RequestXpress Wizard0.2.2 RequestDataLink Wizard0.2.3 RequestAdvantage Wizard0.2.4 Technology Wizard

Primary Navigation

DescriptionHierarchical based menu structure that allows the user to navigatethrough the website.

StylePop-up hierarchical menu that allows the selection of sectioncategories.

EventsOnMouseOver - Highlight menu item and display hierarchical menu forselection.OnMouseClick - Highlight menu item and display hierarchical menu forselection.


"About RequestDSL" 2.0 About RequestDSL"Products" 3.0 Products"Network" 4.0 Network"Availability" 5.0 Availability"Resellers" 6.0 Resellers"Partner Information" 7.0 Partner InformationCorporate Logo

DescriptionDisplay RequestDSL Logo.

StylePermanent cached graphical element.

EventsOnMouseOver - Display hint "Click to return to home page"OnMouseClick - Load home page.

BehaviorOn selection load 1.0 Home.

Page Footer

DescriptionPage footer that allows the user to navigate through the website.

StylePage links.

EventsOnMouseOver - Highlight menu item.OnMouseClick - Load selected page.


"Home" 1.0 Home"About RequestDSL" 2.0 About RequestDSL"Products" 3.0 Products"Network" 4.0 Network"Availability" 5.0 Availability"Resellers" 6.0 Resellers"Partner Information" 7.0 Partner Information"Legal Notice" 1.1 Legal Notice"Privacy Statement" 1.2 Privacy Statement"Feedback" 1.3 Feedback"Partner Login" 7.4 Partner Login

Related Links

"Wizard Name"

Topic 1

Topic 5

Topic 6

Topic 2

Topic 3

Topic 4

Topic N

Previous Next


Wizard – JSP


Thankyou

Questions or Feedback?

commercial-in-confidence 1 information architect and the development internet application tweek...

Documents

information architecture

type of user

user betterdesired

types of user

information sciences

subuser profilesidentify

principal users

age information