commercial-in-confidence 1 information architect and the development internet application tweek...
Post on 11-Jan-2016
214 Views
Preview:
TRANSCRIPT
Commercial-in-Confidence1
Information Architect and the Development Internet Application
Tweek Presentation May 2001
Commercial-in-Confidence2
Brief History
Commercial-in-Confidence3
What lies beneath?
Commercial-in-Confidence4
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.
Commercial-in-Confidence5
How does IA Work?
• Information architecture sets to communicate site content and functionality through the use of:– Navigation Systems– Labelling Systems– Searching Systems– Structure
Commercial-in-Confidence6
Building Websites – Starting Point
• Project Goals• Audience• Understanding Objectives
– Business– Marketing
Commercial-in-Confidence7
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?
Commercial-in-Confidence8
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?
Commercial-in-Confidence9
Business Model
• Mission statement• Model description• Business objectives• Competitive matrix – business• Competitive matrix – user interface• Future plans/ growth model• Revenue models
– Current– Future
Commercial-in-Confidence10
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?
Commercial-in-Confidence11
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.
Commercial-in-Confidence12
In Action
RequestDSL
Commercial-in-Confidence13
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
Commercial-in-Confidence14
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 2
Content Specific Quick Link 3
Content Specific Quick Link 4
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.
BehaviorOn selection load 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"
Commercial-in-Confidence15
Products – Wireframe
RequestDSL - Products
RequestDSLLogo
About RequestDSL Products Network Availability Resellers Partner Information
Home About RequestDSL Network Availability ResellersProducts Partner Information
Legal Notice Privacy Statement Partner LoginFeedback
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"
EventsOnMouseOver - Display field hint property
BehaviorInherit from "0.1 Global Elements"
Related Topics Quick Link Navigation
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.
EventsOnMouseOver - Highlight section item.OnMouseClick - load 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.
EventsOnMouseOver - Highlight section item.OnMouseClick - Highlight menu item and load page.
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
Commercial-in-Confidence16
Products – JSP
Commercial-in-Confidence17
Wizards Template – 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 2
Content Specific Quick Link 3
Content Specific Quick Link 4
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.
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 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.
EventsOnMouseOver - Highlight section item.OnMouseClick - Highlight menu item and load page.
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.
BehaviorOn selection load page:-
"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.
BehaviorOn selection load 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
Commercial-in-Confidence18
Wizard – JSP
Commercial-in-Confidence19
Thankyou
Questions or Feedback?
top related