Web 3.0+ | Embracing the future

  • 1,407 views
Uploaded on

What will the next generation of the web look like and what do companies needs to do to embrace it.

What will the next generation of the web look like and what do companies needs to do to embrace it.

More in: Design , Technology , Education
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
1,407
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
63
Comments
0
Likes
3

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Web 3.0 + Embracing the future James Hogan December 2009
  • 2. Some things to discuss today 1. Where we are now From Web 1.0 to Web 2.0 2. What’s coming next Web 3.0 and beyond 3. Some initial thoughts Opportunities and examples 4. Developing a strategy Planning and implementation 5. A quick summary Wrap-up and discussion Embracing the future
  • 3. Where we are now Key features Major developments Main shortcomings Some immediate next steps Web 3.0 + Embracing the future
  • 4. Key features Web 1.0 Web 2.0 Static → Dynamic Read-only → Interactive Proprietary → Open Source
  • 5. Key features Web 1.0 Web 2.0 Static → Dynamic Read-only → Interactive Proprietary → Open Source
  • 6. Key features Web 1.0 Web 2.0 Static → Dynamic Read-only → Interactive Proprietary → Open Source A ploy designed to convince venture capitalists to invest in the web
  • 7. Key features Web 1.0 Web 2.0 Static → Dynamic Read-only → Interactive Proprietary → Open Source A plan to establish the most creative and effective ways to use the web
  • 8. Key features Web 1.0 Web 2.0 Static → Dynamic Static HTML pages User-generated content Providing information Blogs and social networks No reason to return Widgets and mashups Yahoo! YouTube Read-only Interactive Proprietary Open Source Creating engaging experiences so users will want to return to the site
  • 9. Key features Web 1.0 Web 2.0 Static Dynamic Read-only → Interactive Limited functionality or interactivity Multimedia and rich internet applications Feedback through web forms Interactive user experiences and participation Navigation through link directories Location-based services and collective intelligence Britannia Online Wikipedia Proprietary Open Source Creating interactive experiences so users can actively participate
  • 10. Key features Web 1.0 Web 2.0 Static Dynamic Read-only Interactive Proprietary → Open Source Many major software applications are proprietary Programming toolkits, plug-ins and APIs Software applications available for download only Collaborative developer communities Source code for the programmes not freely available Accelerates innovation and development Internet Explorer Firefox Democratising the development of applications and integration of data
  • 11. Major developments Web 1.0 → Web 2.0
  • 12. Major developments Web 1.0 Web 2.0 Focused on companies → Focused on communities
  • 13. Major developments Web 1.0 Web 2.0 Focused on companies Focused on communities Owning content → Sharing content
  • 14. Major developments Web 1.0 Web 2.0 Focused on companies Focused on communities Owning content Sharing content Dial-up → Broadband and wireless
  • 15. Major developments Web 1.0 Web 2.0 Focused on companies Focused on communities Owning content Sharing content Dial-up Broadband and wireless Web forms → Web applications
  • 16. Major developments Web 1.0 Web 2.0 Focused on companies Focused on communities Owning content Sharing content Dial-up Broadband and wireless Web forms Web applications Home pages → Blogs and Facebook
  • 17. Major developments Web 1.0 Web 2.0 Focused on companies Focused on communities Owning content Sharing content Dial-up Broadband and wireless Web forms Web applications Home pages Blogs and Facebook HTML and portals → XML and RSS
  • 18. Major developments Web 1.0 Web 2.0 Focused on companies Focused on communities Owning content Sharing content Dial-up Broadband and wireless Web forms Web applications Home pages Blogs and Facebook HTML and portals XML and RSS Cluttered and boxy design → Slick and minimal design
  • 19. Major developments Web 1.0 Web 2.0 Focused on companies Focused on communities Owning content Sharing content Dial-up Broadband and wireless Web forms Web applications Home pages Blogs and Facebook HTML and portals XML and RSS Cluttered and boxy design Slick and minimal design 45 million global users → 1 billion + global users
  • 20. Main shortcomings Web 1.0 Web 2.0
  • 21. Main shortcomings Web 1.0 Web 2.0 Context Personalisation Interaction True portability Scalability Interoperability
  • 22. Main shortcomings Web 1.0 Web 2.0 Context Personalisation Interaction True portability Scalability Interoperability
  • 23. Main shortcomings Web 1.0 Web 2.0 Context Personalisation Interaction True portability Scalability Interoperability The next generation of the web should begin to address these issues
  • 24. Some immediate next steps Web 2.0 Don’t forget the basics Low hanging fruit Exploit social networks Customer engagement
  • 25. Some immediate next steps Web 2.0 Familiar or initiative navigation and functionality Don’t forget the basics → Logical information architecture and signposting Engaging user experiences and on-brand design Low hanging fruit Exploit social networks Customer engagement Good design allows users to find information quickly and easily
  • 26. Some immediate next steps Web 2.0 Don’t forget the basics Consider low-cost enhancements (e.g. Ajax or video) Low hanging fruit → Improve usability without full-scale redesign Optimise the design using feedback and analytics Exploit social networks Customer engagement Explore the opportunities for low-cost improvement
  • 27. Some immediate next steps Web 2.0 Don’t forget the basics Low hanging fruit Engage in an open and honest dialogue with users Exploit social networks → Create online communities to build trust and loyalty Gather customer information quickly and cheaply Customer engagement Technology is only an ‘enabler’ of effective communication
  • 28. Some immediate next steps Web 2.0 Don’t forget the basics Low hanging fruit Exploit social networks Expose internal systems to provide new services Customer engagement → Integrate e-marketing, web analytics and CMS Build customer profiles and utilise data (e.g. PURLs) Customers are the most important company asset – build loyalty
  • 29. What’s coming next A cycle or a continuum? Possible adoption path The key features Web 3.0 + Embracing the future
  • 30. A cycle or a continuum? 1989 1999 2009 2019 → → → → Web 1.0 Web 2.0 Web 3.0 Web 4.0
  • 31. A cycle or a continuum? 1989 1999 2009 2019 → → → → Web 1.0 Web 2.0 Web 3.0 Web 4.0 Back-end Front-end Back-end Front-end
  • 32. A cycle or a continuum? 1989 1999 2009 2019 → → → → Web 1.0 Web 2.0 Web 3.0 Web 4.0 Back-end Front-end Back-end Front-end Protocols Application platform Infrastructure Application platform Languages Widgets and mashups Web 3.0 browser User-generated mashups Building web pages Interactive experiences Metadata and ontologies Dynamic personalisation
  • 33. A cycle or a continuum? 1989 1999 2009 2019 → → → → Web 1.0 Web 2.0 Web 3.0 Web 4.0 Back-end Front-end Back-end Front-end Protocols Application platform Infrastructure Application platform Languages Widgets and mashups Web 3.0 browser User-generated mashups Building web pages Interactive experiences Metadata and ontologies Dynamic personalisation
  • 34. A cycle or a continuum? 1989 1999 2009 2019 → → → → Web 1.0 Web 2.0 Web 3.0 Web 4.0 Back-end Front-end Back-end Front-end Protocols Application platform Infrastructure Application platform Languages Widgets and mashups Web 3.0 browser User-generated mashups Building web pages Interactive experiences Metadata and ontologies Dynamic personalisation
  • 35. A cycle or a continuum? 1989 1999 2009 2019 → → → → Web 1.0 Web 2.0 Web 3.0 Web 4.0 Back-end Front-end Back-end Front-end Protocols Application platform Infrastructure Application platform Languages Widgets and mashups Web 3.0 browser User-generated mashups Building web pages Interactive experiences Metadata and ontologies Dynamic personalisation
  • 36. A cycle or a continuum? 1989 1999 2009 2019 → → → → Web 1.0 Web 2.0 Web 3.0 Web 4.0 Back-end Front-end Back-end Front-end Protocols Application platform Infrastructure Application platform Languages Widgets and mashups Web 3.0 browser User-generated mashups Building web pages Interactive experiences Metadata and ontologies Dynamic personalisation Nova Spivack Continually improving the customer experience
  • 37. Possible adoption path 1989 1999 2009 2019 Web 1.0 Web 2.0 Web 3.0 Web 4.0
  • 38. Possible adoption path 1989 1999 2009 2019 Web 1.0 Web 2.0 Web 3.0 Web 4.0 ↓ ↓ ↓ ↓ Science and academia Consumer and social Science and academia Business and commerce ↓ ↓ ↓ ↓ Business and commerce Business and commerce Business and commerce Consumer and social ↓ ↓ ↓ ↓ Consumer and social Science and academia Consumer and social Science and academia
  • 39. Possible adoption path 1989 1999 2009 2019 Web 1.0 Web 2.0 Web 3.0 Web 4.0 ↓ ↓ ↓ ↓ Science and academia Consumer and social Science and academia Business and commerce ↓ ↓ ↓ ↓ Business and commerce Business and commerce Business and commerce Consumer and social ↓ ↓ ↓ ↓ Consumer and social Science and academia Consumer and social Science and academia
  • 40. Possible adoption path 1989 1999 2009 2019 Web 1.0 Web 2.0 Web 3.0 Web 4.0 ↓ ↓ ↓ ↓ Science and academia Consumer and social Science and academia Business and commerce ↓ ↓ ↓ ↓ Business and commerce Business and commerce Business and commerce Consumer and social ↓ ↓ ↓ ↓ Consumer and social Science and academia Consumer and social Science and academia
  • 41. Possible adoption path 1989 1999 2009 2019 Web 1.0 Web 2.0 Web 3.0 Web 4.0 ↓ ↓ ↓ ↓ Science and academia Consumer and social Science and academia Business and commerce ↓ ↓ ↓ ↓ Business and commerce Business and commerce Business and commerce Consumer and social ↓ ↓ ↓ ↓ Consumer and social Science and academia Consumer and social Science and academia
  • 42. Possible adoption path 1989 1999 2009 2019 Web 1.0 Web 2.0 Web 3.0 Web 4.0 ↓ ↓ ↓ ↓ Science and academia Consumer and social Science and academia Business and commerce ↓ ↓ ↓ ↓ Business and commerce Business and commerce Business and commerce Consumer and social ↓ ↓ ↓ ↓ Consumer and social Science and academia Consumer and social Science and academia The various features will develop and mature at different times
  • 43. The key features Web 3.0 + The semantic web → Intelligent search Data and analytics → Dynamic personalisation User interface → Augmented reality Device proliferation → Integrated media Creating the next generation of the web
  • 44. The key features Web 3.0 + The semantic web → Intelligent search Ongoing collaborative effort led by the W3C Uses metadata to apply meaning to content Common framework and enabling technologies Interprets natural language search strings Easy sharing and reusing of data across platforms Computer agents learn preferences and desires Data and analytics Dynamic personalisation User interface Augmented reality Device proliferation Integrated media Seeking to free the underlying data in web documents around the world
  • 45. The key features Web 3.0 + The semantic web Intelligent search Data and analytics → Dynamic personalisation Optimisation through defined goals and user journeys Display personalised information and preferences dynamically Integration of data across CMS and marketing / CRM systems Develop 360° customer view and one-to-one relationships Behavioural analysis and multi-variant testing (MVT) Intelligently blend analytical feedback and creative design User interface Augmented reality Device proliferation Integrated media Using data and insights to improve each individual user experience
  • 46. The key features Web 3.0 + The semantic web Intelligent search Data and analytics Dynamic personalisation User interface → Augmented reality Redefine the way users interact with content Real-world superimposed with graphics and audio Facilitate live interaction and collaboration Relevant information is integrated and interactive Design the overall brand experience (TED) Providing a gateway into 3D and virtual environments Device proliferation Integrated media Rethinking the overall structuring of content, processes and data
  • 47. The key features Web 3.0 + The semantic web Intelligent search Data and analytics Dynamic personalisation User interface Augmented reality Device proliferation → Integrated media Laptops getting smaller and phones becoming more powerful Computing and entertainment systems will merge Complete access to content on all devices and platforms Broadcast media will rely on the web as its delivery system The web is extending beyond computers and phones Convergence will enable content to be shared across platforms Revolutionising the way people live, work and communicate
  • 48. The key features Web 3.0 + The semantic web Intelligent search Data and analytics Dynamic personalisation User interface Augmented reality Device proliferation Integrated media Creating the next generation of the web
  • 49. Some initial thoughts The semantic web Intelligent search Data and analytics Dynamic personalisation User interface Augmented reality Device proliferation Integrated media Putting it all together Web 3.0 + Embracing the future
  • 50. Science fact!
  • 51. The semantic web
  • 52. The semantic web Unlocking the power of information stored in the world’s computers
  • 53. The semantic web Computers talking to other computers Metadata describes content elements Ontology (OWL) classifies content Framework (RDF) exchanges data
  • 54. The semantic web Vodafone Live! mobile phone portal Retrieves content from a range of CMSs Uses ‘Resource Description Framework’ Content updates browsed within Live!
  • 55. The semantic web Pinpointing the genetic causes of heart disease Data collected from disparate sources Information in incompatible formats Semantic web software integrates data
  • 56. Intelligent search
  • 57. Intelligent search Letting the web do the work and improving the user experience
  • 58. Intelligent search Improving online search Natural language rather than key words Semantic web disambiguate word sense Searches for navigation and research
  • 59. Intelligent search Multiple searches with collated results Use complex sentences and questions “I would like to do a, b and c tonight” Multiple results obtained and organised
  • 60. Intelligent search Multiple searches with collated results Use complex sentences and questions “I would like to do a, b and c tonight” Multiple results obtained and organised
  • 61. Intelligent search Computer agents as personal assistants Gathers data from multiple interactions Learns about your personal preferences Intelligently influences search results
  • 62. Data and analytics
  • 63. Data and analytics
  • 64. Data and analytics Utilise insights to optimise the user experience and maximise results
  • 65. Data and analytics An insights-driven approach Deliver content and capture response Utilise behavioural data and insights Optimise content and messaging
  • 66. Data and analytics Analysis and monitoring Maximise generation of the right traffic Use web analytics and monitoring tools Integrate data across multiple systems
  • 67. Data and analytics Dynamic feedback and optimisation Utilise multi-variant testing (MVT) Improve click-throughs and results Balance creative design and analytics
  • 68. Dynamic personalisation
  • 69. Dynamic personalisation Providing targeted communications and information to engaged users
  • 70. Dynamic personalisation Customisation and aggregation Tailoring home-page content elements From BBC, iGoogle and Virgin Media NetVibes aggregates feeds and widgets
  • 71. Dynamic personalisation Targeted ‘calls to action’ Offering relevant products and services Personalising messages and signposts Predicting likely goals and next-steps
  • 72. Dynamic personalisation Delivering unique user experiences Dynamically tailoring all content Adapting to learned preferences Interpreting mood and feeling
  • 73. User interface
  • 74. User interface
  • 75. User interface Creating more user-friendly and interactive interfaces and applications
  • 76. User interface TouchSmart from HP Next generation touch-screen PC Pinch, zoom and pan to control content Developer zone to create applications
  • 77. User interface Surface from Microsoft Collaborative multi-touch table-display Interactive navigation and manipulation Connects with various ‘tagged’ devices
  • 78. User interface Surface from Microsoft Collaborative multi-touch table-display Interactive navigation and manipulation Connects with various ‘tagged’ devices
  • 79. User interface Surface from Microsoft Collaborative multi-touch table-display Interactive navigation and manipulation Connects with various ‘tagged’ devices
  • 80. User interface Sixth Sense from MIT Wearable gestural interface Content manipulated via hand gestures Projects image onto any surface
  • 81. Augmented reality
  • 82. Augmented reality
  • 83. Augmented reality Digitally enhancing what people see, hear, feel and smell
  • 84. Augmented reality Sixth Sense from MIT Comprises camera, projector and phone Overlays real-word items with content Integrates data from remote sources
  • 85. Augmented reality Sixth Sense from MIT Comprises camera, projector and phone Overlays real-word items with content Integrates data from remote sources
  • 86. Augmented reality Sixth Sense from MIT Comprises camera, projector and phone Overlays real-word items with content Integrates data from remote sources
  • 87. Augmented reality Z4 in 3D from BMW Application to control a Z4 car Interfaces via the webcam and icon Wider AR initiative to assist service staff
  • 88. Augmented reality Z4 in 3D from BMW Application to control a Z4 car Interfaces via the webcam and icon Wider AR initiative to assist service staff
  • 89. Augmented reality iPhone app from Monocle Uses the camera to scan the real world Tags used to highlight available content Interfaces through the touch-screen
  • 90. Device proliferation
  • 91. Device proliferation A wide range of ‘always on’ devices and integrated services
  • 92. Device proliferation The mobile revolution Smaller laptops and powerful phones Innovative applications and services Mobiles are ‘leapfrogging’ PCs globally
  • 93. Device proliferation The mobile revolution Smaller laptops and powerful phones Innovative applications and services Mobiles are ‘leapfrogging’ PCs globally
  • 94. Device proliferation Cloud computing Easy to create and manage mobile sites Hosted services delivered over the web Applications are device neutral
  • 95. Device proliferation Cloud computing Easy to create and manage mobile sites Hosted services delivered over the web Applications are device neutral
  • 96. Device proliferation A connected world Ubiquitous wireless connectivity Access anytime, anywhere any device From cars to domestic appliances
  • 97. Integrated media
  • 98. Integrated media Convergence of computing and entertainment as well as infrastructure
  • 99. Integrated media Vision from BT On demand digital TV, films and music Requires dedicated hardware Also from Virgin Media and Sky
  • 100. Integrated media iPlayer from BBC Catch-up TV and radio service Web delivery – browser-based Also ITV player, 4OD and Demand5
  • 101. Integrated media iTunes from Apple MP3 music download store for iPod + Desktop-based proprietary application Streaming from Spotify and Pandora
  • 102. Integrated media Vision iPlayer iTunes from BT from BBC from Apple Battle between network, content, hardware and software providers
  • 103. Putting it all together Back-end → Front-end Infrastructure Systems Applications Channels Web 3.0 + features structured in a logical framework
  • 104. Putting it all together Back-end Front-end Infrastructure The semantic web → Intelligent search Systems Applications Channels
  • 105. Putting it all together Back-end Front-end Infrastructure The semantic web Intelligent search Systems Data and analytics → Dynamic personalisation Applications Channels
  • 106. Putting it all together Back-end Front-end Infrastructure The semantic web Intelligent search Systems Data and analytics Dynamic personalisation Applications Augmented reality → User interface Channels
  • 107. Putting it all together Back-end Front-end Infrastructure The semantic web Intelligent search Systems Data and analytics Dynamic personalisation Applications Augmented reality User interface Channels Integrated media → Device proliferation
  • 108. Putting it all together Back-end Front-end Infrastructure The semantic web Intelligent search Systems Data and analytics Dynamic personalisation Applications Augmented reality User interface Channels Integrated media Device proliferation The possibilities for creating new interactive applications are endless
  • 109. Developing a strategy Technology adoption curve A planning approach Some things to watch out for Web 3.0 + Embracing the future
  • 110. Technology adoption curve High Maturity Low 2010 2011 2012 2013
  • 111. Technology adoption curve Cost High Maturity Low 2010 2011 2012 2013
  • 112. Technology adoption curve Cost High Maturity Low 2010 2011 2012 2013 Transform Build competitive Achieve competitive Follow the business advantage parity the crowd
  • 113. Technology adoption curve Cost High Maturity Low 2010 2011 2012 2013 Transform Build competitive Achieve competitive Follow the business advantage parity the crowd
  • 114. Technology adoption curve Cost High Maturity Low 2010 2011 2012 2013 Transform Build competitive Achieve competitive Follow the business advantage parity the crowd
  • 115. Technology adoption curve Cost High Maturity Low 2010 2011 2012 2013 Transform Build competitive Achieve competitive Follow the business advantage parity the crowd
  • 116. Technology adoption curve Cost High Maturity Low 2010 2011 2012 2013 Transform Build competitive Achieve competitive Follow the business advantage parity the crowd Establish the true business value of innovation
  • 117. A planning approach Technology → Business
  • 118. A planning approach Technology Business Establish vision and principles → Align to business strategy
  • 119. A planning approach Technology Business Establish vision and principles Align to business strategy Set multiple planning horizons → Assign roles and prioritise activities
  • 120. A planning approach Technology Business Establish vision and principles Align to business strategy Set multiple planning horizons Assign roles and prioritise activities Understand emerging technology → Monitor trends and developments
  • 121. A planning approach Technology Business Establish vision and principles Align to business strategy Set multiple planning horizons Assign roles and prioritise activities Understand emerging technology Monitor trends and developments Explore opportunities → Identify business requirements
  • 122. A planning approach Technology Business Establish vision and principles Align to business strategy Set multiple planning horizons Assign roles and prioritise activities Understand emerging technology Monitor trends and developments Explore opportunities Identify business requirements Define possible solutions → Build business/value case
  • 123. A planning approach Technology Business Establish vision and principles Align to business strategy Set multiple planning horizons Assign roles and prioritise activities Understand emerging technology Monitor trends and developments Explore opportunities Identify business requirements Define possible solutions Build business/value case Formulate technology strategy → Develop implementation roadmap
  • 124. A planning approach Technology Business Establish vision and principles Align to business strategy Set multiple planning horizons Assign roles and prioritise activities Understand emerging technology Monitor trends and developments Explore opportunities Identify business requirements Define possible solutions Build business/value case Formulate technology strategy Develop implementation roadmap Regularly review and update → Deliver solutions and measure ROI
  • 125. A planning approach Technology Business Establish vision and principles Align to business strategy Set multiple planning horizons Assign roles and prioritise activities Understand emerging technology Monitor trends and developments Explore opportunities Identify business requirements Define possible solutions Build business/value case Formulate technology strategy Develop implementation roadmap Regularly review and update Deliver solutions and measure ROI Innovating to exploit the full potential of the web
  • 126. Some things to watch out for Web 3.0 + Privacy Security Metadata Hype Culture Collaboration Carefully managing the risks and rewards
  • 127. Some things to watch out for Web 3.0 + Standard use of cookies will be prohibited under EU law Privacy → Express permission will be required by the user This could become as troublesome as pop-up blockers Security Metadata Hype Culture Collaboration
  • 128. Some things to watch out for Web 3.0 + Privacy More and more personal data will be stored online Security → Cybercrime could become more prevalent The impact of hacking could be much more severe Metadata Hype Culture Collaboration
  • 129. Some things to watch out for Web 3.0 + Privacy Security Meta data will need to be added to all web content Metadata → Tagging content will be a massive undertaking False information could be presented – ‘semantic attacks’ Hype Culture Collaboration
  • 130. Some things to watch out for Web 3.0 + Privacy Security Metadata Very few blog posts actually receive any comments Hype → The ROI of social media initiatives is rarely measured Voice recognition software has been around for years! Culture Collaboration
  • 131. Some things to watch out for Web 3.0 + Privacy Security Metadata Hype A culture of innovation should be developed Culture → Executive sponsorship must be obtained Strong leadership will be required Collaboration
  • 132. Some things to watch out for Web 3.0 + Privacy Security Metadata Hype Culture Business and IT functions closely aligned Collaboration → Client and agency relationship totally seamless Design and development processes fully integrated
  • 133. A quick summary What is it? How can it help? What do I need to do? Web 3.0 + Embracing the future
  • 134. A quick summary Web 3.0 + What is it? How can it help? What do I need to do? The future of the web
  • 135. A quick summary Web 3.0 + The next generation of the web with tools and techniques to What is it? → connect and deliver information more intelligently and portably with more natural and collaborative user interfaces How can it help? What do I need to do? The next generation of the web and internet applications
  • 136. A quick summary Web 3.0 + What is it? It can help to create more meaningful and engaging brand How can it help? → experiences across multiple touch-points that can provide competitive advantage or even transform the business What do I need to do? Transforming your customer experiences and your business
  • 137. A quick summary Web 3.0 + What is it? How can it help? Strive to uncover the real business value of the emerging What do I need to do? → technology by understanding it and monitoring developments within a disciplined strategic planning framework Develop a culture of innovation and embrace the future!
  • 138. Thanks for listening! Any questions? Contact James Hogan e. james_hogan70@hotmail.com m. 07870 625 494
  • 139. A few things about me My career milestones My favourite websites My website reviews My website projects Web 3.0 + Embracing the future
  • 140. My career milestones 1990 1994 1998 2002 2006 2010
  • 141. My career milestones 1990 1994 1998 2002 2006 2010 Digital Converse Telstra Meta Group| Investis| Computer Services Activewear Bigpond ComputerWire Radley Yeldar IT services Branded Internet services| IT consulting | Design | sportswear communications research communications Technology Customer Multimedia Account Consultant | Buyer Relations Consultant Manager Sales Connectivity So this is a The office of Technology Welcome to is the future design studio! the future infusions agency-land Windows 3.0 Moved on to Exhibited at the Got into enterprise Developed arrives Macs PC98 show architecture website solutions Sent my Designed my Evangelised Mastered Aced the first email first application about the web solution selling pitch process
  • 142. My career milestones 1990 1994 1998 2002 2006 2010 Digital Converse Telstra Meta Group| Investis| Computer Services Activewear Bigpond ComputerWire Radley Yeldar IT services Branded Internet services| IT consulting | Design | sportswear communications research communications Technology Customer Multimedia Account Consultant | Buyer Relations Consultant Manager Sales Connectivity So this is a The office of Technology Welcome to is the future design studio! the future infusions agency-land Windows 3.0 Moved on to Exhibited at the Got into enterprise Developed arrives Macs PC98 show architecture website solutions Sent my Designed my Evangelised Mastered Aced the first email first application about the web solution selling pitch process
  • 143. My career milestones 1990 1994 1998 2002 2006 2010 Digital Converse Telstra Meta Group| Investis| Computer Services Activewear Bigpond ComputerWire Radley Yeldar IT services Branded Internet services| IT consulting | Design | sportswear communications research communications Technology Customer Multimedia Account Consultant | Buyer Relations Consultant Manager Sales Connectivity So this is a The office of Technology Welcome to is the future design studio! the future infusions agency-land Windows 3.0 Moved on to Exhibited at the Got into enterprise Developed arrives Macs PC98 show architecture website solutions Sent my Designed my Evangelised Mastered Aced the first email first application about the web solution selling pitch process
  • 144. My career milestones 1990 1994 1998 2002 2006 2010 Digital Converse Telstra Meta Group| Investis| Computer Services Activewear Bigpond ComputerWire Radley Yeldar IT services Branded Internet services| IT consulting | Design | sportswear communications research communications Technology Customer Multimedia Account Consultant | Buyer Relations Consultant Manager Sales Connectivity So this is a The office of Technology Welcome to is the future design studio! the future infusions agency-land Windows 3.0 Moved on to Exhibited at the Got into enterprise Developed arrives Macs PC98 show architecture website solutions Sent my Designed my Evangelised Mastered Aced the first email first application about the web solution selling pitch process
  • 145. My career milestones 1990 1994 1998 2002 2006 2010 Digital Converse Telstra Meta Group| Investis| Computer Services Activewear Bigpond ComputerWire Radley Yeldar IT services Branded Internet services| IT consulting | Design | sportswear communications research communications Technology Customer Multimedia Account Consultant | Buyer Relations Consultant Manager Sales Connectivity So this is a The office of Technology Welcome to is the future design studio! the future infusions agency-land Windows 3.0 Moved on to Exhibited at the Got into enterprise Developed arrives Macs PC98 show architecture website solutions Sent my Designed my Evangelised Mastered Aced the first email first application about the web solution selling pitch process
  • 146. My career milestones 1990 1994 1998 2002 2006 2010 Digital Converse Telstra Meta Group| Investis| Computer Services Activewear Bigpond ComputerWire Radley Yeldar IT services Branded Internet services| IT consulting | Design | → sportswear communications research communications Technology Customer Multimedia Account Consultant | Buyer Relations Consultant Manager Sales Connectivity So this is a The office of Technology Welcome to → is the future design studio! the future infusions agency-land Windows 3.0 Moved on to Exhibited at the Got into enterprise Developed arrives Macs PC98 show architecture website solutions Sent my Designed my Evangelised Mastered Aced the → first email first application about the web solution selling pitch process
  • 147. My favourite websites Sony Ericsson Logitech Nivea Pearsonville Apple Aviva
  • 148. My website reviews CA Cisco Citrix Dimension Data Logitech Misys Ricoh
  • 149. Well done! Could do better... Clean and clear design Inconsistent third-level navigation Interactive multimedia features Review the information architecture Good use of space Improve usability of the ‘product finder’
  • 150. Well done! Could do better... Nice interactive promotional slots More consistent global navigation Great ‘calls to action’ Improve transition across websites Good use of multimedia Include a breadcrumb trail
  • 151. Well done! Could do better... Clean and simple design Re-emphasise key user journeys Powerful message-driven video Re-configure collaborative elements Signposting and ‘call to action’ More visual and interactive features
  • 152. Well done! Could do better... Great content – well organised Fairly dated design style Useful interactive website tools Inconsistent secondary navigation Promotion of ‘thought leadership’ Unconventional content format
  • 153. Well done! Could do better... Fresh and modern design Segmentation of audience groups Well-structured content Signposting and personalisation Intuitive user experience Screen resolution and optimization
  • 154. Well done! Could do better... Related information, links and solutions Improve overall navigation Nice interactive promotional slot Consider user journeys and signposts Good signposting and features Make ‘calls to action’ work harder
  • 155. Well done! Could do better... Portal style design Redesign the page-layouts Traditional navigational system Extend the persona-based approach Animated message-driven features Improve the ‘product finder’ interface
  • 156. My website projects TMC (1) MTS (1) Morgan Crucible Britvic TMC (2) MTS (2) moneysupermarket.com Sage Steria Pfizer Abbott
  • 157. Personalised content and signposts
  • 158. Sub-branded product microsites
  • 159. Interactive message-driven flash movie
  • 160. Message-driven design approach
  • 161. Personalised content and signposts
  • 162. Interactive multimedia Q&A
  • 163. Engaging and interactive navigation
  • 164. Customisable design styles
  • 165. Interactive functionality and collaboration
  • 166. Mission-critical database integration
  • 167. Interactive message-driven ‘widget’
  • 168. Establishing the core brand attributes
  • 169. Stakeholder-based creative approach
  • 170. Combining compelling copy and striking visuals
  • 171. Thank you Contact James Hogan e. james_hogan70@hotmail.com m. 07870 625 494