際際滷

際際滷Share a Scribd company logo
1


Condensed Version. Please contact us for full version.




   Intranet Design  A Business
   Approach to a Winning Design



            Toby Ward, CEO & Catherine Elder, Senior Manager
                                      Prescient Digital Media

      息 2009 Prescient Digital Media   Reproduction without permission is strictly prohibited   1
Agenda
 Design Examples
 Design Process
     o Assessment - planning  design
 More Examples & Discussion



 NOTE: this presentation on 際際滷share only shows a
  few of the examples used. For a complete version,
  please contact us directly to arrange for a
  presentation of the complete version with all 25
  intranets.

息 2009 Prescient Digital Media   Reproduction without permission is strictly prohibited   2
About Prescient
 Toronto-based consulting firm with consultants also in
  Vancouver
 Prescient plans & builds highly effective websites and
  intranets that
   o are demonstrably better than the competition;
   o make CEOs and users happy; and
   o deliver measurable value by increasing sales and
      employee productivity.
 Winner of more than a dozen awards incl. a prestigious
  Webby Award
 Established 2001; profitable, no debt

 息 2009 Prescient Digital Media   Reproduction without permission is strictly prohibited   3
Just some of our clients




 息 2009 Prescient Digital Media   Reproduction without permission is strictly prohibited   4
Services

 Web Blueprinting                                 Health Content
 Strategic Planning                               eHealth Tools & Databases
 Business Requirements                            User Research
  Analysis
                                                   Usability Testing
 Business Case & ROI
  Planning                                         Content Management &
 Blueprint Development                             Workflow
 Benchmarking & Best                              Usability Testing
  Practices                                        Content Development
 Information Architecture                         Communications & Marketing
 Governance                                       Site Management
 Measurement Planning                             Corporate Workshops
 Vendor Selection & PM
                                                   Full video & audio production
 Design & Development

   息 2009 Prescient Digital Media   Reproduction without permission is strictly prohibited   5
Think about
 Are you satisfied with your current intranet design?
 Do your stakeholders or partners complain about
  home page space?
 Business driven design vs whim driven design




息 2009 Prescient Digital Media   Reproduction without permission is strictly prohibited   6
Intranet Design Process




                                                                                                7
  息 2009 Prescient Digital Media   Reproduction without permission is strictly prohibited   7
息 2009 Prescient Digital Media   Reproduction without permission is strictly prohibited   8
Spin the wheel




                                      Yellow
Communications                                                     Kitchen sink


                                      Personalized




   息 2009 Prescient Digital Media   Reproduction without permission is strictly prohibited   9
Business driven design
 Assessment
     o Business stakeholder input
     o Employee input
     o Benchmarking input
 Planning
     o   Strategic plan
     o   Functional plan & personas
     o   Information architecture
     o   Wireframes
     o   Creative brief
     o   Design
     o   Design Style guide


息 2009 Prescient Digital Media   Reproduction without permission is strictly prohibited   10
Assessment  For Design
 Evaluation of current site
 Review of any data gathered (metrics, employee
  satisfaction survey)
 Stakeholder interviews
 Employee surveys
 Usability testing
 Focus groups
 Benchmarking




息 2009 Prescient Digital Media   Reproduction without permission is strictly prohibited   11
Scoring / Benchmarking
 On a scale of 1 to 10, with 1=poor and 10=excellent, how
  would you rate your website on the following:
   o Design and Layout
   o Information Architecture and Usability
   o Search and Find-ability
   o Content
   o Tools and innovation
   o Planning and Resources




息 2009 Prescient Digital Media   Reproduction without permission is strictly prohibited   12
Benchmarking




                           Gap / Opportunity


 息 2009 Prescient Digital Media   Reproduction without permission is strictly prohibited   13
Information Architecture




 息 2009 Prescient Digital Media   Reproduction without permission is strictly prohibited   14
Home | Feedback | Help | FAQs |Sitemap | external Web


                                                                                                                                                   Site Search
Intranet Name                                                                                                                                      Phone Book
                                                                                                                                                                              GO

                                                                                                                                                                             GO
                                                                                                                                                 Text TTT | Print | Email | Bookmark

   Customer Info                  Our Info                    Employee Info                     Procedures                        Forms                      Reports & Projects

Promotions                                News                RSS                                                                        I Want to:
                                          Feature Story 1  05/15/09                                                                         Car pool
                                          Lorem ipsum dolor sit amet, consectetuer
                                                                                                                                         Top 5 Downloaded Forms
                                          adipiscing elit. amet, consectetuer adipiscig
                                                                                                                                                Employee benefits
                                          elit. Nunc gravida.                                                   1 2 3 4
                                                                                                                                                Vacation
                                                                                                                                                Expenses
per inceptos himenaeos.                   Our Performance                                                                                       Lorem
                                          Lorem ipsum dolor sit adipiscing elit. amet a Nunc gravida                                            Lorem
Executive Blog
                                                                                                                                         Quick Links
             Heading  05/15/09           Customer                                                                                        Employee handbook
             Lorem ipsum dolor sit        Lorem ipsum dolor sit amet, consectet. amet, consectetuer. Nunc gravida.                        Employee events
             amet, consectetuer                                                                                                           Departments
             adipiscing r adipiscig       Line of Business 1                                                                              Locations
             elit. Nunc gravida           Lorem ipsum dolor sit amet, consectet. amet, consectetuer. Nunc gravida.                        Community Involvement
                                                                                                                                         My Stuff
             Submit your comments         Line of Business 2                                                                                 Alerts                         RSS
                                          Lorem ipsum dolor sit amet, consectet. amet, consectetuer. Nunc gravida.                           er conubia nostra, per
Have you reduced your email use                                                                                                              inceptos imenaeos
by using the new intranet?
                                          Line of Business 3
                                          Lorem ipsum dolor sit amet, consectet. amet, consectetuer. Nunc gravida.                           My Links
    Yes                                                                                                                                           My Business Line
                                          Line of Business 4                                                                                      My Dept
    No                                    Lorem ipsum dolor sit amet, consectet. amet, consectetuer. Nunc gravida.                                My Projects
                                                                                                                                                  My forms
                        View results      Line of Business 5
   Submit                                                                                                                                    Tools
                        Confidentiality   Lorem ipsum dolor sit amet, consectet. amet, consectetuer. Nunc gravida.
                                                                                                                                              IS Tips
                                                                      Last modified: January 5, 2009                                          Meeting room booking
                                                         Home | Feedback | Help | FAQs |Sitemap | External Web                                Glossary Wiki
                                             Customer Info | Our Info | Employee Info | Procedures | Forms | Reports & Projects
                                                                            Privacy | Disclaimer
                                                                             息2009 Company
Creative Brief
   Review & incorporate brand guidelines
   Determine color palette
   Determine font types, sizes, headers, etc
   Use of images / icons
   Technical parameters / limitations




息 2009 Prescient Digital Media   Reproduction without permission is strictly prohibited   16
息 2009 Prescient Digital Media   Reproduction without permission is strictly prohibited   17
Design Concepts
   Review creative brief with brand guidelines
   Apply colors, style and images to wireframes
   Review concepts and fine tune
   Get approvals

 Dont
     o Design by committee
     o Expect everyone to like everything




息 2009 Prescient Digital Media   Reproduction without permission is strictly prohibited   18
Why clients hire us
  Clients describe their sites as:
      o   Ugly
      o   Frustrating
      o   Would like to blow it up
      o   A garage where everything ends up




 息 2009 Prescient Digital Media   Reproduction without permission is strictly prohibited   19
What clients want in design
   Make it fun
   Make it sexy
   Make it a place employees want to go
   More color
   More photos
   More of our achievements
   Make it interesting
   Make it engaging




息 2009 Prescient Digital Media   Reproduction without permission is strictly prohibited   20
Case study examples


NOTE: this presentation on 際際滷share only shows a few
of the examples used. For a complete version, please
contact us directly to arrange for a presentation of the
complete version with all 25 intranets.

   息 2009 Prescient Digital Media   Reproduction without permission is strictly prohibited   21
Other Intranets
   Verizon                                              Pepsi
   IBM                                                  Coca-Cola
   ESPN                                                 Sun Microsystems
   AGL                                                  Landor
   EA                                                   SaskPower
   BT                                                   Beehive
   American Electric Power                              Fringe
   Deloitte                                             Advancial Federal
   Bank of America                                      CHR Hansen
   Financial Company                                    Cisco


    息 2009 Prescient Digital Media   Reproduction without permission is strictly prohibited   22
IBM (IBM Websphere Portal)




                           Source: IBM, 際際滷share.net

 息 2009 Prescient Digital Media    Reproduction without permission is strictly prohibited   23
IBM > Beehive (custom built)




息 2009 Prescient Digital Media   Reproduction without permission is strictly prohibited   24
IBM > Fringe (custom built)




息 2009 Prescient Digital Media   Reproduction without permission is strictly prohibited   25
Intranet, Ektron CMS




                            Source: Prescient Digital Media (client)


   息 2009 Prescient Digital Media    Reproduction without permission is strictly prohibited   26
Advancial (Adenins Intellienterprise)




                                  Source: Adenin, IntelliEnterprise

 息 2009 Prescient Digital Media     Reproduction without permission is strictly prohibited   27
Bank of America (InternetNews.com)




                        Source: InternetNews.com

息 2009 Prescient Digital Media   Reproduction without permission is strictly prohibited   28
Landor (.ASP & MS SQL)




息 2009 Prescient Digital Media   Reproduction without permission is strictly prohibited   29
BT Intranet




息 2009 Prescient Digital Media   Reproduction without permission is strictly prohibited   30
Pepsi (Microsoft SharePoint)




                              Source: Prescient Digital Media (client)
 息 2009 Prescient Digital Media    Reproduction without permission is strictly prohibited   31
Q & A



息 2009 Prescient Digital Media   Reproduction without permission is strictly prohibited   32
Next Webinar


Implementing an Executive Blog
Thursday, December 1
12 noon - 1pm EST




 息 2009 Prescient Digital Media   Reproduction without permission is strictly prohibited   33
www.Prescie
                                                                                   ntDigital.com




                                                           www.PrescientDigital.com




息 2009 Prescient Digital Media   Reproduction without permission is strictly prohibited   34
Join the Conversation
    www.IntranetBlog.com
    www.Facebook.com (Search Intranet Global Forum)
    www.Twitter.com/tobyward
    www.Twitter.com/Intranet2
    www.際際滷share.net/Prescient/slideshows

  Coming soon: Communexions.com

  www.PrescientDigital.com
  416.926.8800




 息 2009 Prescient Digital Media   Reproduction without permission is strictly prohibited   35

More Related Content

Intranet Design: A Business Approach to a Winning Design

  • 1. 1 Condensed Version. Please contact us for full version. Intranet Design A Business Approach to a Winning Design Toby Ward, CEO & Catherine Elder, Senior Manager Prescient Digital Media 息 2009 Prescient Digital Media Reproduction without permission is strictly prohibited 1
  • 2. Agenda Design Examples Design Process o Assessment - planning design More Examples & Discussion NOTE: this presentation on 際際滷share only shows a few of the examples used. For a complete version, please contact us directly to arrange for a presentation of the complete version with all 25 intranets. 息 2009 Prescient Digital Media Reproduction without permission is strictly prohibited 2
  • 3. About Prescient Toronto-based consulting firm with consultants also in Vancouver Prescient plans & builds highly effective websites and intranets that o are demonstrably better than the competition; o make CEOs and users happy; and o deliver measurable value by increasing sales and employee productivity. Winner of more than a dozen awards incl. a prestigious Webby Award Established 2001; profitable, no debt 息 2009 Prescient Digital Media Reproduction without permission is strictly prohibited 3
  • 4. Just some of our clients 息 2009 Prescient Digital Media Reproduction without permission is strictly prohibited 4
  • 5. Services Web Blueprinting Health Content Strategic Planning eHealth Tools & Databases Business Requirements User Research Analysis Usability Testing Business Case & ROI Planning Content Management & Blueprint Development Workflow Benchmarking & Best Usability Testing Practices Content Development Information Architecture Communications & Marketing Governance Site Management Measurement Planning Corporate Workshops Vendor Selection & PM Full video & audio production Design & Development 息 2009 Prescient Digital Media Reproduction without permission is strictly prohibited 5
  • 6. Think about Are you satisfied with your current intranet design? Do your stakeholders or partners complain about home page space? Business driven design vs whim driven design 息 2009 Prescient Digital Media Reproduction without permission is strictly prohibited 6
  • 7. Intranet Design Process 7 息 2009 Prescient Digital Media Reproduction without permission is strictly prohibited 7
  • 8. 息 2009 Prescient Digital Media Reproduction without permission is strictly prohibited 8
  • 9. Spin the wheel Yellow Communications Kitchen sink Personalized 息 2009 Prescient Digital Media Reproduction without permission is strictly prohibited 9
  • 10. Business driven design Assessment o Business stakeholder input o Employee input o Benchmarking input Planning o Strategic plan o Functional plan & personas o Information architecture o Wireframes o Creative brief o Design o Design Style guide 息 2009 Prescient Digital Media Reproduction without permission is strictly prohibited 10
  • 11. Assessment For Design Evaluation of current site Review of any data gathered (metrics, employee satisfaction survey) Stakeholder interviews Employee surveys Usability testing Focus groups Benchmarking 息 2009 Prescient Digital Media Reproduction without permission is strictly prohibited 11
  • 12. Scoring / Benchmarking On a scale of 1 to 10, with 1=poor and 10=excellent, how would you rate your website on the following: o Design and Layout o Information Architecture and Usability o Search and Find-ability o Content o Tools and innovation o Planning and Resources 息 2009 Prescient Digital Media Reproduction without permission is strictly prohibited 12
  • 13. Benchmarking Gap / Opportunity 息 2009 Prescient Digital Media Reproduction without permission is strictly prohibited 13
  • 14. Information Architecture 息 2009 Prescient Digital Media Reproduction without permission is strictly prohibited 14
  • 15. Home | Feedback | Help | FAQs |Sitemap | external Web Site Search Intranet Name Phone Book GO GO Text TTT | Print | Email | Bookmark Customer Info Our Info Employee Info Procedures Forms Reports & Projects Promotions News RSS I Want to: Feature Story 1 05/15/09 Car pool Lorem ipsum dolor sit amet, consectetuer Top 5 Downloaded Forms adipiscing elit. amet, consectetuer adipiscig Employee benefits elit. Nunc gravida. 1 2 3 4 Vacation Expenses per inceptos himenaeos. Our Performance Lorem Lorem ipsum dolor sit adipiscing elit. amet a Nunc gravida Lorem Executive Blog Quick Links Heading 05/15/09 Customer Employee handbook Lorem ipsum dolor sit Lorem ipsum dolor sit amet, consectet. amet, consectetuer. Nunc gravida. Employee events amet, consectetuer Departments adipiscing r adipiscig Line of Business 1 Locations elit. Nunc gravida Lorem ipsum dolor sit amet, consectet. amet, consectetuer. Nunc gravida. Community Involvement My Stuff Submit your comments Line of Business 2 Alerts RSS Lorem ipsum dolor sit amet, consectet. amet, consectetuer. Nunc gravida. er conubia nostra, per Have you reduced your email use inceptos imenaeos by using the new intranet? Line of Business 3 Lorem ipsum dolor sit amet, consectet. amet, consectetuer. Nunc gravida. My Links Yes My Business Line Line of Business 4 My Dept No Lorem ipsum dolor sit amet, consectet. amet, consectetuer. Nunc gravida. My Projects My forms View results Line of Business 5 Submit Tools Confidentiality Lorem ipsum dolor sit amet, consectet. amet, consectetuer. Nunc gravida. IS Tips Last modified: January 5, 2009 Meeting room booking Home | Feedback | Help | FAQs |Sitemap | External Web Glossary Wiki Customer Info | Our Info | Employee Info | Procedures | Forms | Reports & Projects Privacy | Disclaimer 息2009 Company
  • 16. Creative Brief Review & incorporate brand guidelines Determine color palette Determine font types, sizes, headers, etc Use of images / icons Technical parameters / limitations 息 2009 Prescient Digital Media Reproduction without permission is strictly prohibited 16
  • 17. 息 2009 Prescient Digital Media Reproduction without permission is strictly prohibited 17
  • 18. Design Concepts Review creative brief with brand guidelines Apply colors, style and images to wireframes Review concepts and fine tune Get approvals Dont o Design by committee o Expect everyone to like everything 息 2009 Prescient Digital Media Reproduction without permission is strictly prohibited 18
  • 19. Why clients hire us Clients describe their sites as: o Ugly o Frustrating o Would like to blow it up o A garage where everything ends up 息 2009 Prescient Digital Media Reproduction without permission is strictly prohibited 19
  • 20. What clients want in design Make it fun Make it sexy Make it a place employees want to go More color More photos More of our achievements Make it interesting Make it engaging 息 2009 Prescient Digital Media Reproduction without permission is strictly prohibited 20
  • 21. Case study examples NOTE: this presentation on 際際滷share only shows a few of the examples used. For a complete version, please contact us directly to arrange for a presentation of the complete version with all 25 intranets. 息 2009 Prescient Digital Media Reproduction without permission is strictly prohibited 21
  • 22. Other Intranets Verizon Pepsi IBM Coca-Cola ESPN Sun Microsystems AGL Landor EA SaskPower BT Beehive American Electric Power Fringe Deloitte Advancial Federal Bank of America CHR Hansen Financial Company Cisco 息 2009 Prescient Digital Media Reproduction without permission is strictly prohibited 22
  • 23. IBM (IBM Websphere Portal) Source: IBM, 際際滷share.net 息 2009 Prescient Digital Media Reproduction without permission is strictly prohibited 23
  • 24. IBM > Beehive (custom built) 息 2009 Prescient Digital Media Reproduction without permission is strictly prohibited 24
  • 25. IBM > Fringe (custom built) 息 2009 Prescient Digital Media Reproduction without permission is strictly prohibited 25
  • 26. Intranet, Ektron CMS Source: Prescient Digital Media (client) 息 2009 Prescient Digital Media Reproduction without permission is strictly prohibited 26
  • 27. Advancial (Adenins Intellienterprise) Source: Adenin, IntelliEnterprise 息 2009 Prescient Digital Media Reproduction without permission is strictly prohibited 27
  • 28. Bank of America (InternetNews.com) Source: InternetNews.com 息 2009 Prescient Digital Media Reproduction without permission is strictly prohibited 28
  • 29. Landor (.ASP & MS SQL) 息 2009 Prescient Digital Media Reproduction without permission is strictly prohibited 29
  • 30. BT Intranet 息 2009 Prescient Digital Media Reproduction without permission is strictly prohibited 30
  • 31. Pepsi (Microsoft SharePoint) Source: Prescient Digital Media (client) 息 2009 Prescient Digital Media Reproduction without permission is strictly prohibited 31
  • 32. Q & A 息 2009 Prescient Digital Media Reproduction without permission is strictly prohibited 32
  • 33. Next Webinar Implementing an Executive Blog Thursday, December 1 12 noon - 1pm EST 息 2009 Prescient Digital Media Reproduction without permission is strictly prohibited 33
  • 34. www.Prescie ntDigital.com www.PrescientDigital.com 息 2009 Prescient Digital Media Reproduction without permission is strictly prohibited 34
  • 35. Join the Conversation www.IntranetBlog.com www.Facebook.com (Search Intranet Global Forum) www.Twitter.com/tobyward www.Twitter.com/Intranet2 www.際際滷share.net/Prescient/slideshows Coming soon: Communexions.com www.PrescientDigital.com 416.926.8800 息 2009 Prescient Digital Media Reproduction without permission is strictly prohibited 35