BSA Website Redevelopment Information Architecture.

Slides:



Advertisements
Similar presentations
1 INTERPATH PTY LTD & CeCC Global Web Communication Strategic Plan.
Advertisements

Web-site Design Strategy.  For P2 you need to explain how each of your 3 websites has employed ‘usability’ features;  these include: importance to success.
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
Because every life has a purpose… © MSA 2012 Visual Brand Language Introduction to Global Style Guide.
Website design basics QUME Learning objectives Understand the basic elements of a Web page and how it is produced Be aware of different approaches.
Developing Effective Civic Websites An effective website balances what the client wants, what users need, and what constitutes good design by considering:
Copyright © 2003 Bolton Institute Dept. of Computing and Electronic Technology - Multimedia Integration and Applications Lecture 5: Design and Prototype.
CM143 - Web Week 11 Accessibility Priority Checkpoints.
Designing Good Web Pages. Form versus Function A good website is a compromise between form and function. While creativity is encouraged, you have to meet.
Website: Best Practices. Sources: The World Wide Web Consortium the main international standards organization for the World Wide Web Research-Based Web.
Web Site Design Howell Istance. SOFT Interactive Systems Web Site Design n Essentially the same process as when designing any interactive application,
Chapter 4 Planning Site Navigation Principles of Web Design, 4 th Edition.
Chapter 2 Web Site Design Principles Principles of Web Design, 4 th Edition.
Web Design Guidelines By ZhengHui Hu. Planning User Analysis  Goal  Target Audience Enhance Accessible  Impairment  Environment  Technical Limitation.
OCR Nationals ICT – Unit 2 Task 1 Task Overview You need to produce a design for a multimedia website of at least five pages. The design will act as the.
Web 2.0 Testing and Marketing E-engagement capacity enhancement for NGOs HKU ExCEL3.
Planning and Designing a Website Session 8. Designing a Website Like all technical artefacts a website needs to be carefully planned and designed to be.
Creating a Web Site Back to Table of Contents. Creating a Web Site Conceiving a Web Site Planning a Web Site 2 Creating a Web Site Section 9-1 Section.
Website Design. Designing and creating different elements involved in developing a website for e- commerce can help you identify and describe the components.
Expression Web 2 Concepts and Techniques Expression Web Design Feature Web Design Basics.
Unit 2 — Building Web Part B) Designing the Web. Phase 1: Planning a Web Site Like an architect designing a building, adequately planning your Web site.
WEBINAR SERIES: ACCESSIBLE INTERACTIVE DOCUMENTS Week 3: Accessible Web Forms Norman Coombs
Marketing done by social interactions – Likes – Shares – Comments FREE! (suppose to be)
© 2012 Adobe Systems Incorporated. All Rights Reserved. Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® WRITING FOR THE WEB.
Commercial-in-Confidence 1 Information Architect and the Development Internet Application Tweek Presentation May 2001.
Developing A Website. Reminder 1 You want your website to be _______? 1)Artistic 2)Easy to use 3)Interactive 4)Multimedia-driven.
RangeBasicsCause Helen Monkman & Andre Kushniruk A Health Literacy and Usability Heuristic Evaluation of a Mobile Consumer Health Application August 22,
DISABILITY AWARENESS AND CUSTOMER SERVICE ASPECTS OF ACCESSIBILITY JUNE 17, 2009 Neal Albritton, CEO ADCS-LLC Copyright © 2009.
E-commerce usability guide provides guidelines and advice for implementing easy to use e-commerce websites. It focuses on online catalog/selling functionality.
An Introduction To Websites With a little of help from “WebPages That Suck.
Interface Design Natural Design. What is natural design? Intuitive Considers our learned behaviors Naturally designed products are easy to interpret and.
Good Web Design. The Four A’s of Good Design Accessible Accurate Appropriate Appealing.
1 Human Computer Interaction Week 10 Web Usability.
Setting Project Requirements. Step One The first step in creating a website is to define the Purpose.
Small Business Resource Power Point Series The Importance of GOOD SALES COPY on a Website.
Chapter 2 Web Site Design Principles Principles of Web Design, Third Edition.
Interface Design.

INTRODUCTION TO USER DOCUMENTATION Function and purpose Production specifications Evaluate the effectiveness.
In this presentation we will... Learn what blogs and wikis are Look at blogs and wikis in the ELT context Discover how to set up a blog or a wiki Focus.
Week 4 Planning Site Navigation. 2 Creating Usable Navigation Provide enough location information to let the user answer the following navigation questions:
Web Design Guidelines by Scott Grissom 1 Designing for the Web  Web site design  Web page design  Web usability  Web site design  Web page design.
Copyright 2006 John Wiley & Sons, Inc. Chapter 1 - Introduction HCI: Designing Effective Organizational Systems Dov Te’eni Jane Carey Ping Zhang.
 Network  A _____ of computers that can _________ w/ each other  Examples of hardware  ______________ & communication lines  Internet  Hardware.
© 2012 Adobe Systems Incorporated. All Rights Reserved. Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® INTRODUCTION TO INFORMATION ARCHITECTURE.
Microsoft Expression Web 3 Expression Web Design Feature Web Design Basics.
Planning and Designing Effective Web Pages. When planning a new site Determine site goals 2. Identify the target audience 3. Conduct market research.
Developing Website Content Project Process Content Strategy and Management Writing for the Web Tips and Tricks Discussion Items.
Creating Reader-Centered Web pages and Websites. Designing Websites Design with same qualities as other workplace communications ▫Usability and Persuasiveness.
What is Good Web Design? A compendium of web concepts.
WHY DO YOU NEED IT? What is a wireframe?. A wireframe is… A wireframe is a simple visual guide to show you what a Web page would look like. Wireframes.
Understanding Web-Based Digital Media Production Methods, Software, and Hardware Objective
introductionwhyexamples What is a Web site? A web site is: a presentation tool; a way to communicate; a learning tool; a teaching tool; a marketing important.
Developed with material from W3C Web Accessibility Initiative (WAI) IMPORTANT: Instructions Please read carefully the Instructions for.
By: Your Name ELEMENTS OF WEB DESIGN. VISUAL APPEAL Optimization of Graphics, for people to stay on your website, your pictures have to load out as soon.
If you joined the training via telephone, please select Telephone and enter your audio pin if you haven’t already. If you joined with a microphone and.
ICAD3218A Create User Documentation.  Before starting to create any user documentation ask ‘What is the documentation going to be used for?’.  When.
Testing and delivery Web design principles. Web development is software development.
Understanding the principles of website development
Investigating User Interfaces
Chapter 18 MobileApp Design
USER AND TECHNICAL DOCUMENTATION
HTML5 Level III Responsive Web Design (RWD) and Front-End Frameworks
HTML5 Level III Responsive Web Design (RWD) and Front-End Frameworks
3.02C Website Organization
Back to Table of Contents
Designing for the World Wide Web
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
How To Create A Website That Keeps Customers Returning.
Presentation transcript:

BSA Website Redevelopment Information Architecture

Knowing your audiences Who are your target audiences? What are their needs and wants? How do they use the Web? What are their concerns or difficulties?

Knowing your audiences users are becoming more Web savvy and their expectations are rising accordingly – video, audio, animation… users vary in their comfort level using the Web – from fearful to fearless

Knowing your audiences never underestimate how impatient users are users differ in their reasons for visiting websites users differ in the frequency of their Web browsing and when they do it

Knowing your audiences Users differ in the way they perceive and process information users have different computer setups assume users want to spend as little time as possible on your website

Rule 1 Keep the design simple and uncluttered. Making it easy for users Ten website usability principles to embrace 44% clutter 54% clutter 33% clutter

Rule 2 Use headings and words your target audience will understand. don’t make them have to think Making it easy for users Ten website usability principles to embrace

Rule 3 Make text legible and easy on the eye. Making it easy for users Ten website usability principles to embrace

Rule 4 Ensure users can find information fast. Make navigation: intuitive obvious persistent consistent Where’s the other black 3? Making it easy for users Ten website usability principles to embrace

Rule 5 Make sure important features are easy to see and use. Making it easy for users Ten website usability principles to embrace 63% clutter

Rule 6 Always let users know where they are in the site. Making it easy for users Ten website usability principles to embrace

Rule 7 Make sure interactive features are easy to use. Making it easy for users Ten website usability principles to embrace

Rule 8 Make your site accessible to everyone. Making it easy for users Ten website usability principles to embrace Use the clearest and simplest language appropriate for the content. Strive for clear and accurate headings and link descriptions. Review every heading, outline and menu to see if the crucial words mean exactly what is intended. Use more common words if they would convey the same meaning.

Rule 9 Be consistent. navigation design hierarchy Making it easy for users Ten website usability principles to embrace

Rule 10 If nothing else, in everything you do online, put yourself in the shoes of the user. Making it easy for users Ten website usability principles to embrace

Rule 11 ?? You can break any of the rules if you are sure you understand the rule and you have a good reason for breaking it. Making it easy for users Ten website usability principles to embrace

Organising the contents Information Architecture How information is divided into categories and sections. Users’ Needs 1.Personal characteristics of the users – gender, experience with the Web, language 2.Connection speed and location 3.Their expectations re your organisation 4.Their patterns of visitation – daily >> yearly Conventions & Rules Internal: 1.Organisational branding guidelines 2.The organisation’s IT architecture and info management systems 3.How the contents to be updated. 4.How easy it is to change the IA External: 1.National and international standards and best practice. 2.Requirements to comply with industry or govt standards 3.Trends & conventions in IA Business Needs 1.The aim of the website – 2.how it complements the organisation’s business plan 3.The business/sector the organisation is in 4.The key performance indicators for the website 5.How it is meant to integrate / complement the marketing plan 6.How it is to assist with customer relationship management Content Characteristics 1.Nature of the content – text, video 2.Scope and depth of content 3.How dynamic the information is 4.Instructional intention – general awareness >> expert training 5.Style, tone and personality of the contents and website Copyright 2005, United Focus Pty Ltd

Sample sites

Organising the contents Information Architecture How information is divided into categories and sections. Users’ Needs 1.Personal characteristics of the users – gender, experience with the Web, language 2.Connection speed and location 3.Their expectations re your organisation 4.Their patterns of visitation – daily >> yearly Conventions & Rules Internal: 1.Organisational branding guidelines 2.The organisation’s IT architecture and info management systems 3.How the contents to be updated. 4.How easy it is to change the IA External: 1.National and international standards and best practice. 2.Requirements to comply with industry or govt standards 3.Trends & conventions in IA Business Needs 1.The aim of the website – 2.how it complements the organisation’s business plan 3.The business/sector the organisation is in 4.The key performance indicators for the website 5.How it is meant to integrate / complement the marketing plan 6.How it is to assist with customer relationship management Content Characteristics 1.Nature of the content – text, video 2.Scope and depth of content 3.How dynamic the information is 4.Instructional intention – general awareness >> expert training 5.Style, tone and personality of the contents and website Copyright 2005, United Focus Pty Ltd