14/06/2012




    Adrian England & Darrell Ireland


1
Osmosis session – The future of web
design

                              3 Day conference
                              Covering all
                              aspects of web
                              design
                              Lots of speakers
                              Round up


2
Osmosis session – The future of web
design



Day 1
Running a successful web design
business with Paul Boag


                                  Paul Boag from Headscape




3
Web Typography: The Good Bits


    Jon Tan
    Founder of Font Deck

    Typography… it’s emotional
    Type smoothing (an OS issue)
    Fonts for Web vs. Fonts for Print



4
5
6
7
The Future of CMS


    Paul Bellows
    Business Development Director at Yellow Pencil

    Where are we now
    The next 5 years…




8
Creating Wonderful Web App UX


    Richard Shepard
    Web Developer for VoucherCodes.co.uk

    How UX evolved from Disney
    (no seriously)
    Marty Sklar and the
    10 Commandments


9
Martin Sklar, Walt Disney Imagineering.
Don't bore people, talk down to them or lose them by assuming
               that they know what you know.
Insist that designers, staff and your board members experience
            your facility as visitors as often as possible.
Use good story telling techniques, tell good stories not
   lectures, lay out your exhibit with a clear logic.
Lead visitors from one area to another by creating visual
magnets and giving visitors rewards for making the journey.
Make good use of all the non-verbal ways of communication –
                color, shape, form, texture.
Resist the temptation to tell too much, to have too many
objects, don't force people to swallow more than they can digest, try
    to stimulate and provide guidance to those who want more.
If you have a lot of information divide it into
distinct, logical, organized stories, people can absorb and retain
information more clearly if the path to the next concept is clear
                             and logical.
Clear institutional identity helps give you the competitive edge.
Public needs to know who you are and what differentiates you
           from other institutions they may have seen.
How do you woo people from all other temptations? Give people
plenty of opportunity to enjoy themselves by emphasizing ways
that let people participate in the experience and by making your
          environment rich and appealing to all senses.
Never underestimate the importance of cleanliness and routine
    maintenance, people expect to get a good show every
  time, people will comment more on broken and dirty stuff.
Osmosis session – The future of web
design

The UX of HTML 5
Joe Leach
     HTML 5 Input types
     Repeat of an animated web




21
Osmosis session – The future of web
design

Designing for the rise of SN and devices – Bill Buxton
     Bill works at Microsoft research
     20 years for new tech to reach
     market
     What funds web innovation the
     most?
     Transitions to transactions
     New technology in public
     spaces


22
Osmosis session – The future of web design

Highlights 1
       Stephanie Troeth says:
       “Give your mind a rest, to allow ideas to incubate”

       Steve Fisher says:
       “Adobe Shadow for responsive design testing”

       Josh Clark says:
       “Gestures are the standard for shortcuts for touch”

23
Osmosis session – The future of web design

Highlights 2
       Mark Boulton says:
       “Failing is part of being successful, so do it well”

       James Fenton says:
       “Work smart”




24
Thank you for listening




25

More Related Content

PPTX
From barrier-free to delightful
KEY
Cogapp's World Usability Day Slides
PDF
Web Usability July 2011
PDF
Going from Here to There: Transitioning into a UX Career
PDF
UX Strategy - the secret to long-term business success instead of one-shot wo...
PPTX
A Need for Speed: Responsive Design in a Mobile World
PPT
Week 4 - A User Centred Design
PDF
18 Design Quotes to Inspire Creativity
From barrier-free to delightful
Cogapp's World Usability Day Slides
Web Usability July 2011
Going from Here to There: Transitioning into a UX Career
UX Strategy - the secret to long-term business success instead of one-shot wo...
A Need for Speed: Responsive Design in a Mobile World
Week 4 - A User Centred Design
18 Design Quotes to Inspire Creativity

What's hot (20)

PDF
Good design is... a myth - Zoltan Kollin - UX Copenhagen 2017
PPT
Some Web Design Dos and Don'ts
PPTX
The Ethics of User Experience
PDF
How to Make Happy Patrons: The Science Behind Good User Experiences with Libr...
PDF
Five UX myths - UXCE16, Berlin, Germany
PDF
8 steps to great UX by Damian Rees
PDF
Design Inclusively
PPT
Are You An User Experience Designer
PDF
Usability presentation - web
PDF
Bricks, Captain Future and Rap - Ingredients for Successful Design
PDF
NADC19 Dennis Hambeukers - Increasing human problem-solving capacity with design
PPTX
How to create a website in under an hour
PDF
Basics in User Experience Design, Information Architecture & Usability
PPTX
Confessions of a former UCD devotee – How I managed to kick the UCD habit and...
PDF
The Art of Deception
PPT
IXDA Chicago - Interaction08 Recap
PPTX
10 pieces of advice that will lead to a successful UX career
PPTX
How to be sexy as presenter
PPTX
Design Thinking & ICT
PPTX
UX for start-ups, presented to start-ups in Wayra, London
Good design is... a myth - Zoltan Kollin - UX Copenhagen 2017
Some Web Design Dos and Don'ts
The Ethics of User Experience
How to Make Happy Patrons: The Science Behind Good User Experiences with Libr...
Five UX myths - UXCE16, Berlin, Germany
8 steps to great UX by Damian Rees
Design Inclusively
Are You An User Experience Designer
Usability presentation - web
Bricks, Captain Future and Rap - Ingredients for Successful Design
NADC19 Dennis Hambeukers - Increasing human problem-solving capacity with design
How to create a website in under an hour
Basics in User Experience Design, Information Architecture & Usability
Confessions of a former UCD devotee – How I managed to kick the UCD habit and...
The Art of Deception
IXDA Chicago - Interaction08 Recap
10 pieces of advice that will lead to a successful UX career
How to be sexy as presenter
Design Thinking & ICT
UX for start-ups, presented to start-ups in Wayra, London
Ad

Viewers also liked (20)

PPTX
PPT
Green Foodservice Alliance Meeting April 2009
PDF
PPS
Azi
PPTX
Pakej Import Dari China
PPT
Operation green lantern 2
PPT
Break Even adv - Presentazione 2012 - Canali Tematici
PPT
Lightning storm
PPT
sixteen
PPT
Acdc
PPTX
C:\documents and settings\yavuz\belgelerim\alınan dosyalarım\cancer and cancer
PPS
Askalona
PDF
Libromediopollito
PDF
Sxn120410
PDF
(New) corporate bank account pre - approval form
PDF
Natural Capital, GIS, Earth Economics
PDF
Report lca tools for sustainable procurement final 20100331
PDF
Ras al khaimah (rak) offshore incorporations
PPS
Jarni pozdrav
Green Foodservice Alliance Meeting April 2009
Azi
Pakej Import Dari China
Operation green lantern 2
Break Even adv - Presentazione 2012 - Canali Tematici
Lightning storm
sixteen
Acdc
C:\documents and settings\yavuz\belgelerim\alınan dosyalarım\cancer and cancer
Askalona
Libromediopollito
Sxn120410
(New) corporate bank account pre - approval form
Natural Capital, GIS, Earth Economics
Report lca tools for sustainable procurement final 20100331
Ras al khaimah (rak) offshore incorporations
Jarni pozdrav
Ad

Similar to Future of Web Design (20)

DOCX
Touchpoint 2012 Symposium on Interaction Design: Notes
PDF
Conversational Interfaces. Andrew Larking and Ronald Ashri at Museum Tech 2017.
PDF
Save the-pixel-2nd
PPTX
Introduction to User Experience Design 12/07/19
PPT
Stumbling Along The Cow Path - Inspirational ideas from Webstock 2010
PPT
WebVisions - Explore the Future of the Web
PDF
The Professional Design Process
PPTX
Introduction to User Experience Design 2/15/20
PPTX
Introduction to User Experience Design 06/22/19
PDF
Digital design workshop
PDF
Interaction 14 Highlights
PPTX
Chicago IxDA Interaction14 Conference Takeaways
PDF
Making Mountains: How Broad is Your Base?
PPTX
Introduction to User Experience Design 10/05/19
PDF
Кампус в Амстердаме
PPTX
Introduction to User Experience Design 04/27/19
PPTX
From barrier-free to delightful
PDF
UX South Africa 2014 - Keynote
PDF
Driving UX, Design, & Development collaboratively through the Enterprise
PPTX
Introduction to User Experience Design 2/16/19
Touchpoint 2012 Symposium on Interaction Design: Notes
Conversational Interfaces. Andrew Larking and Ronald Ashri at Museum Tech 2017.
Save the-pixel-2nd
Introduction to User Experience Design 12/07/19
Stumbling Along The Cow Path - Inspirational ideas from Webstock 2010
WebVisions - Explore the Future of the Web
The Professional Design Process
Introduction to User Experience Design 2/15/20
Introduction to User Experience Design 06/22/19
Digital design workshop
Interaction 14 Highlights
Chicago IxDA Interaction14 Conference Takeaways
Making Mountains: How Broad is Your Base?
Introduction to User Experience Design 10/05/19
Кампус в Амстердаме
Introduction to User Experience Design 04/27/19
From barrier-free to delightful
UX South Africa 2014 - Keynote
Driving UX, Design, & Development collaboratively through the Enterprise
Introduction to User Experience Design 2/16/19

More from Creative Sharepoint (13)

PPTX
Driving Business Value with Enterprise Social
PPTX
Yammer and Office: Collaborating Across the Business in 2013
PPTX
How to Deliver Internal Communications with a SharePoint Intranet
PPTX
International SharePoint Conference
PDF
SharePoint Online for Education
PDF
Cloud confidence - SharePoint Online for the Enterprise
PDF
SQL User Groups
PDF
Managing Difficult People
PDF
Creative Sharepoint's All about Azure
PDF
All Things Project Server
PDF
Introduction to AdWords
PDF
Sharepoint as a Line-of-Business Platform
PPTX
A fast presentation on search
Driving Business Value with Enterprise Social
Yammer and Office: Collaborating Across the Business in 2013
How to Deliver Internal Communications with a SharePoint Intranet
International SharePoint Conference
SharePoint Online for Education
Cloud confidence - SharePoint Online for the Enterprise
SQL User Groups
Managing Difficult People
Creative Sharepoint's All about Azure
All Things Project Server
Introduction to AdWords
Sharepoint as a Line-of-Business Platform
A fast presentation on search

Recently uploaded (20)

PPTX
df0ee68f89e1a869be4bff9b80a7 business 79f0.pptx
PPTX
chapter 2 entrepreneurship full lecture ppt
PDF
Comments on Clouds that Assimilate Parts I&II.pdf
PDF
MBA2024 CGE 1.pdf file presentation 2025
PPTX
CTG - Business Update 2Q2025 & 6M2025.pptx
PDF
Communication Tactics in Legal Contexts: Historical Case Studies (www.kiu.ac...
DOCX
80 DE ÔN VÀO 10 NĂM 2023vhkkkjjhhhhjjjj
PDF
Satish NS: Fostering Innovation and Sustainability: Haier India’s Customer-Ce...
DOCX
Handbook of Entrepreneurship- Chapter 5: Identifying business opportunity.docx
PPTX
2 - Self & Personality 587689213yiuedhwejbmansbeakjrk
PPTX
TRAINNING, DEVELOPMENT AND APPRAISAL.pptx
PDF
Kishore Vora - Best CFO in India to watch in 2025.pdf
PPTX
Understanding Procurement Strategies.pptx Your score increases as you pick a ...
PPTX
Project Management_ SMART Projects Class.pptx
PPTX
operations management : demand supply ch
PDF
Cross-Cultural Leadership Practices in Education (www.kiu.ac.ug)
PDF
Tortilla Mexican Grill 发射点犯得上发射点发生发射点犯得上发生
PDF
Highest-Paid CEO in 2025_ You Won’t Believe Who Tops the List.pdf
PPTX
IITM - FINAL Option - 01 - 12.08.25.pptx
PDF
Susan Semmelmann: Enriching the Lives of others through her Talents and Bless...
df0ee68f89e1a869be4bff9b80a7 business 79f0.pptx
chapter 2 entrepreneurship full lecture ppt
Comments on Clouds that Assimilate Parts I&II.pdf
MBA2024 CGE 1.pdf file presentation 2025
CTG - Business Update 2Q2025 & 6M2025.pptx
Communication Tactics in Legal Contexts: Historical Case Studies (www.kiu.ac...
80 DE ÔN VÀO 10 NĂM 2023vhkkkjjhhhhjjjj
Satish NS: Fostering Innovation and Sustainability: Haier India’s Customer-Ce...
Handbook of Entrepreneurship- Chapter 5: Identifying business opportunity.docx
2 - Self & Personality 587689213yiuedhwejbmansbeakjrk
TRAINNING, DEVELOPMENT AND APPRAISAL.pptx
Kishore Vora - Best CFO in India to watch in 2025.pdf
Understanding Procurement Strategies.pptx Your score increases as you pick a ...
Project Management_ SMART Projects Class.pptx
operations management : demand supply ch
Cross-Cultural Leadership Practices in Education (www.kiu.ac.ug)
Tortilla Mexican Grill 发射点犯得上发射点发生发射点犯得上发生
Highest-Paid CEO in 2025_ You Won’t Believe Who Tops the List.pdf
IITM - FINAL Option - 01 - 12.08.25.pptx
Susan Semmelmann: Enriching the Lives of others through her Talents and Bless...

Future of Web Design

  • 1. 14/06/2012 Adrian England & Darrell Ireland 1
  • 2. Osmosis session – The future of web design 3 Day conference Covering all aspects of web design Lots of speakers Round up 2
  • 3. Osmosis session – The future of web design Day 1 Running a successful web design business with Paul Boag Paul Boag from Headscape 3
  • 4. Web Typography: The Good Bits Jon Tan Founder of Font Deck Typography… it’s emotional Type smoothing (an OS issue) Fonts for Web vs. Fonts for Print 4
  • 5. 5
  • 6. 6
  • 7. 7
  • 8. The Future of CMS Paul Bellows Business Development Director at Yellow Pencil Where are we now The next 5 years… 8
  • 9. Creating Wonderful Web App UX Richard Shepard Web Developer for VoucherCodes.co.uk How UX evolved from Disney (no seriously) Marty Sklar and the 10 Commandments 9
  • 10. Martin Sklar, Walt Disney Imagineering.
  • 11. Don't bore people, talk down to them or lose them by assuming that they know what you know.
  • 12. Insist that designers, staff and your board members experience your facility as visitors as often as possible.
  • 13. Use good story telling techniques, tell good stories not lectures, lay out your exhibit with a clear logic.
  • 14. Lead visitors from one area to another by creating visual magnets and giving visitors rewards for making the journey.
  • 15. Make good use of all the non-verbal ways of communication – color, shape, form, texture.
  • 16. Resist the temptation to tell too much, to have too many objects, don't force people to swallow more than they can digest, try to stimulate and provide guidance to those who want more.
  • 17. If you have a lot of information divide it into distinct, logical, organized stories, people can absorb and retain information more clearly if the path to the next concept is clear and logical.
  • 18. Clear institutional identity helps give you the competitive edge. Public needs to know who you are and what differentiates you from other institutions they may have seen.
  • 19. How do you woo people from all other temptations? Give people plenty of opportunity to enjoy themselves by emphasizing ways that let people participate in the experience and by making your environment rich and appealing to all senses.
  • 20. Never underestimate the importance of cleanliness and routine maintenance, people expect to get a good show every time, people will comment more on broken and dirty stuff.
  • 21. Osmosis session – The future of web design The UX of HTML 5 Joe Leach HTML 5 Input types Repeat of an animated web 21
  • 22. Osmosis session – The future of web design Designing for the rise of SN and devices – Bill Buxton Bill works at Microsoft research 20 years for new tech to reach market What funds web innovation the most? Transitions to transactions New technology in public spaces 22
  • 23. Osmosis session – The future of web design Highlights 1 Stephanie Troeth says: “Give your mind a rest, to allow ideas to incubate” Steve Fisher says: “Adobe Shadow for responsive design testing” Josh Clark says: “Gestures are the standard for shortcuts for touch” 23
  • 24. Osmosis session – The future of web design Highlights 2 Mark Boulton says: “Failing is part of being successful, so do it well” James Fenton says: “Work smart” 24
  • 25. Thank you for listening 25

Editor's Notes

  • #3: Mostly covered UX, workflow, touch, and responsive design
  • #22: Semi designed for touchNew input typesNumber input - http://www.w3schools.com/html5/tryit.asp?filename=tryhtml5_input_type_numberSlider - http://www.w3schools.com/html5/tryit.asp?filename=tryhtml5_input_type_rangeNone work in IEDesigners shouldn’t abuse these input typesAnimated web like Flash at its peak
  • #23: BillWorks for Microsoft research – Principal researcher at Microsoft research since 2005Used to make musical instrumentsAnswer1. Pornography2. AdvertisingTransitions to transactionsSeamless technology, not realising it is thereExample – Car phone mode to walking out the carMicrosoft Labs videoTech in public spacesDigital advertising on bus stopsGo up and access application through the app to help you plan your bus route
  • #24: Stephanie Troeth – User experience strategist, interaction designerSteve Fisher – Director of yellow pencilJosh Clark – founder of Global Moxie
  • #25: Stephanie Troeth – User experience strategist, interaction designerSteve Fisher – Director of yellow pencilJosh Clark – Founder of Global MoxieMark Boulton – Designer who runs a design firm in Cardiff – Also said that perfectionism can cause serious problems career wise and health wise.James Fenton – Art director, Tribal Group – Put processes and libraries in place for quick turn arounds