ASHORTGUIDETOWEBSITEPLANNING
ANDINFORMATIONARCHITECTURE
THEIMPORTANCEOF PLANNING
By understanding the website’s objectives, you will create a better
experience for users, i.e. ne...
1. KNOWTHYSELF
WHAT DOES YOUR BRAND STAND FOR?
WHAT IS YOUR KEY MESSAGE?
WHAT TYPE OF MARKET DO YOU OPERATE IN?
WHO IS YOU...
2. UNDERSTANDTARGETUSERS
WHAT IS THEIR GENDER, AGE, PROFESSION, INCOME BRACKET ETC?
WHAT IS THEIR LOCATION, NATIONALITY, C...
3. THE PLANNINGPROCESS
GATHER CONTENT DURING PLANNING NOT AFTER – THIS HELPS CATEGORISE AND PLAN
PAGE STRUCTURE.
• Write f...
4. THESITEMAP
A SITE MAP IS A VISUAL OR TEXTUAL MODEL OF A WEBSITE’S CONTENT THAT HELPS USER
NAVIGATE THROUGH THE SITE TO ...
5. WIREFRAMES
A WIREFRAME SHOULD BE PRODUCED FOR EACH TYPE
OF PAGE, E.G. HOME PAGE, PRODUCT PAGE, BLOG
ARTICLE
• Simple li...
CASESTUDY:KABA
GLOBAL PROVIDER OF INNOVATIVE SECURITY
SOLUTIONS
EXTENSIVE PLANNING PERIOD TO REORGANISE
AND REDESIGN GLOBA...
CASESTUDY:KABA
CASESTUDY:KABA
WANTMORE?
SO, YOU WANT A WEBSITE? A GUIDE TO PLANNING, BUILDING AND TESTING
PART 1: HTTP://BIT.LY/PTIPXY
PART 2: HTTP://BI...
FULL-SERVICEDIGITALAGENCY
BASEDINLONDONANDTHEGCC
OVER25FULL-TIMESTAFF
ABOUT US
MINTTWIST.COM
Upcoming SlideShare
Loading in...5
×

A Short Guide to Website Planning and Information Architecture

375

Published on

We give a bite-sized overview of key planning questions to ask yourself when tackling a website project, as well as the importance of information architecture.

Published in: Marketing, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
375
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
8
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

A Short Guide to Website Planning and Information Architecture

  1. 1. ASHORTGUIDETOWEBSITEPLANNING ANDINFORMATIONARCHITECTURE
  2. 2. THEIMPORTANCEOF PLANNING By understanding the website’s objectives, you will create a better experience for users, i.e. new and existing customers. Defining long and short-term goals keeps your website focused in the right areas. Control website cost and build time – release over time to complete quickly and within budget.
  3. 3. 1. KNOWTHYSELF WHAT DOES YOUR BRAND STAND FOR? WHAT IS YOUR KEY MESSAGE? WHAT TYPE OF MARKET DO YOU OPERATE IN? WHO IS YOUR COMPETITION? WHAT IS YOUR USP? Image credit: http://www.ikea.com/gb/en/catalog/products/40213759/
  4. 4. 2. UNDERSTANDTARGETUSERS WHAT IS THEIR GENDER, AGE, PROFESSION, INCOME BRACKET ETC? WHAT IS THEIR LOCATION, NATIONALITY, CULTURE? WHAT ARE THEIR INTERESTS AND WHAT DO THEY WANT TO KNOW? HOW DO THEY WANT TO RECEIVE INFORMATION? HOW WELL DO THEY INTERACT WITH AND RESPOND TO TECHNOLOGY?
  5. 5. 3. THE PLANNINGPROCESS GATHER CONTENT DURING PLANNING NOT AFTER – THIS HELPS CATEGORISE AND PLAN PAGE STRUCTURE. • Write for the web and use words your audience will know and understand • Choose colours carefully • Optimise content, images and video • Keep download sizes as small as possible • File formats should be accessible to everyone
  6. 6. 4. THESITEMAP A SITE MAP IS A VISUAL OR TEXTUAL MODEL OF A WEBSITE’S CONTENT THAT HELPS USER NAVIGATE THROUGH THE SITE TO FIND WHAT THEY WANT. It normally includes: • User journey • Types of page • Navigational groupings • Secure areas
  7. 7. 5. WIREFRAMES A WIREFRAME SHOULD BE PRODUCED FOR EACH TYPE OF PAGE, E.G. HOME PAGE, PRODUCT PAGE, BLOG ARTICLE • Simple line drawing that shows how the information planned for each page should be displayed and organised • Keeps the site consistent by identifying common elements • Foundation of user interface – the graphical design skins this layout
  8. 8. CASESTUDY:KABA GLOBAL PROVIDER OF INNOVATIVE SECURITY SOLUTIONS EXTENSIVE PLANNING PERIOD TO REORGANISE AND REDESIGN GLOBAL AND COUNTRY WEBSITES OBJECTIVE WAS TO CREATE A MORE INTERACTIVE WEBSITE FOR USERS AND A CLEARER PATH TO INFORMATION DESIGN WITHIN THE EXISTING BRAND
  9. 9. CASESTUDY:KABA
  10. 10. CASESTUDY:KABA
  11. 11. WANTMORE? SO, YOU WANT A WEBSITE? A GUIDE TO PLANNING, BUILDING AND TESTING PART 1: HTTP://BIT.LY/PTIPXY PART 2: HTTP://BIT.LY/1E5A1BK PART 3: HTTP://BIT.LY/1E5A1BK FRIGHTFUL CONTENT: HOW TO SCARE AWAY YOUR AUDIENCE HTTP://BIT.LY/1HXCRND 5 WEB DESIGN MISTAKES THAT COULD BE HARMING YOUR WEBSITE’S CONVERSION RATE HTTP://BIT.LY/1JO53NE
  12. 12. FULL-SERVICEDIGITALAGENCY BASEDINLONDONANDTHEGCC OVER25FULL-TIMESTAFF ABOUT US
  13. 13. MINTTWIST.COM
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×