SAS Corporate Web Forum | 11.11.12

324 views
281 views

Published on

Dean Parker's presentation from our October 2012 Corporate Website Forum on responsive design – the idea of creating websites that work seamlessly across a range of different devices. We discussed the pros, cons and practicalities of designing and building responsive sites – as well as alternative approaches to creating online experiences for mobile devices.

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
324
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Introductions:DeanMalaMarkAl
  • 90 minutes (with a minute or so at the end for us to give you a summary of why we believeFollow format of presentation supplied to us by SimonFeel free to either interrupt and ask questions as we go along or wait to ask us questions during the Q&A session
  • 90 minutes (with a minute or so at the end for us to give you a summary of why we believeFollow format of presentation supplied to us by SimonFeel free to either interrupt and ask questions as we go along or wait to ask us questions during the Q&A session
  • That’s because social media does change everythingAs illustrated by this quote from the President of MicrosoftFundamental shift in the way that corporations need to behave
  • That’s because social media does change everythingAs illustrated by this quote from the President of MicrosoftFundamental shift in the way that corporations need to behave
  • That’s because social media does change everythingAs illustrated by this quote from the President of MicrosoftFundamental shift in the way that corporations need to behave
  • Let’s start by looking at your objectives…We believe they can pretty much be summarised by these three points…
  • 90 minutes (with a minute or so at the end for us to give you a summary of why we believeFollow format of presentation supplied to us by SimonFeel free to either interrupt and ask questions as we go along or wait to ask us questions during the Q&A session
  • In terms of our digital expertise, unlike many of our competitors, we’ve been doing it for a long time…Started out with ground-breaking work for BP over 15 years ago and has grown to become over 60% of our business today…And we’re now recognised as a leader in digital corporate communications
  • In terms of our digital expertise, unlike many of our competitors, we’ve been doing it for a long time…Started out with ground-breaking work for BP over 15 years ago and has grown to become over 60% of our business today…And we’re now recognised as a leader in digital corporate communications
  • In terms of our digital expertise, unlike many of our competitors, we’ve been doing it for a long time…Started out with ground-breaking work for BP over 15 years ago and has grown to become over 60% of our business today…And we’re now recognised as a leader in digital corporate communications
  • SAS has three main areas of focus… As well as corporate communications (including corporate websites, corporate reporting, PR and advertising), we also have deep expertise in employee and brand communications.This, we believe, gives us a more rounded view of the world than many traditional design or digital agencies…(More about this later…)
  • SAS has three main areas of focus… As well as corporate communications (including corporate websites, corporate reporting, PR and advertising), we also have deep expertise in employee and brand communications.This, we believe, gives us a more rounded view of the world than many traditional design or digital agencies…(More about this later…)
  • Let’s start by looking at your objectives…We believe they can pretty much be summarised by these three points…
  • 90 minutes (with a minute or so at the end for us to give you a summary of why we believeFollow format of presentation supplied to us by SimonFeel free to either interrupt and ask questions as we go along or wait to ask us questions during the Q&A session
  • Now I’m going to hand-over to Mala to talk through our proposed working processes for this project…
  • Now I’m going to hand-over to Mala to talk through our proposed working processes for this project…
  • Let’s start by looking at your objectives…We believe they can pretty much be summarised by these three points…
  • Let’s start by looking at your objectives…We believe they can pretty much be summarised by these three points…
  • SAS Corporate Web Forum | 11.11.12

    1. 1. Corporate Website ForumA brief introduction toresponsive designPresentation by Dean Parker, SASThursday 11th October 2012© SAS Part of MSLGROUP
    2. 2. Contents1. What is it?2. Why use it?3. How to do it© SAS Part of MSLGROUP
    3. 3. Contents1. What is it?2. Why use it?3. How to do it© SAS Part of MSLGROUP
    4. 4. Responsive Design is a wayof creating a website thattakes into account the sizeof the screen on which it isbeing viewed, to offer everyuser an optimised experience.
    5. 5. From this…© SAS Part of MSLGROUP
    6. 6. …to this.© SAS Part of MSLGROUP
    7. 7. For example… http://worldwildlife.org/© SAS Part of MSLGROUP
    8. 8. More examples…http://bostonglobe.com/http://www.sony.com/index.phphttp://www.starbucks.com/http://www.smashingmagazine.com/http://choiceresponse.com/http://css-tricks.com/© SAS Part of MSLGROUP
    9. 9. Although the primary featureof Responsive Design is reactingto screen size, it should alsoconsider other variables likeresolution, connection speed& device/browser capabilities.
    10. 10. Contents1. What is it?2. Why use it?3. How to do it© SAS Part of MSLGROUP
    11. 11. Because mobiles are increasingly being used to access theweb…5.3 billion 1 in 3 1 Source: The International Telecommunication Union (Oct 2010) 2 Source: On Device Research (2011)mobile phone users worldwide mobile Google searches 3 Source: Google (2011) 4 Source: Facebook and Twitter (2011)(77% of world’s population)1 are local3 5 Source: YouTube (2011)741 million 50%mobile phone users in Europe1 of active Facebook and Twitter users access the service through‘Mobile only’ their mobile devices4For many people, a mobiledevice is the only way they 200 million+have of accessing the internet YouTube views are made everydevice (Egypt 70%, India 59%, day using mobile devices5US 25%, UK 22%)2© SAS Part of MSLGROUP
    12. 12. …and will soon dominate. Growth rate is 8 times greater than ‘desktop’ internet at the ‘same time’ 2014 Number of mobile page impressions will overtake desktop websites 2011 Over 85% of new handsets able to access the internet© SAS Part of MSLGROUP Source: International Data Corporation (IDC) (Sept 2011)
    13. 13. The device market is becoming increasingly complicated…+60 different mobile browsers1+6,500 different web-capable mobile devices21 Source: ComScore (2011)2 Source: dotMobi (July 2011)© SAS Part of MSLGROUP
    14. 14. …and current approaches are unsustainable. 1. Functional mobile website 2. Basic mobile website 3. Mobile website framework 1 2 3 4 4. Mobile app© SAS Part of MSLGROUP
    15. 15. Or just don’t work! 24% of all visits to the site are made using a mobile device 1% of all page views are to the basic mobile version of the site© SAS Part of MSLGROUP
    16. 16. Summary of benefits1. More user friendly2. Future-proofs your websites3. More cost effective (in the long-term!)4. Easier to manage5. Better for SEO© SAS Part of MSLGROUP
    17. 17. Contents1. What is it?2. Why use it?3. How to do it© SAS Part of MSLGROUP
    18. 18. Traditional process Month 1 Month 2 Month 3 Month 4 Month 5 Month 61. Discovery Define req’s Define UX &2. Structure & content content plan Creative concepts &3. Design design development4. Build Front & back-end build Bug fixing5. Testing & launch & launch © SAS Part of MSLGROUP
    19. 19. Responsive process The prototype, which shows The content/ functionality the functional design must be audit is critical to all future signed-off at this stage A technical specification must be agreed at the start decisions of the project Month 1 Month 2 Month 3 Month 4 Month 5 Month 6 Define req’s1. Discovery & tech spec The design will be refined at this stage but must not fundamentally change from Content audit, the final prototype2. Planning UX research RAPID PROTOTYPING Testing across multiple devices, Content planning, creative concepts, orientations, screen-3. Prototyping prototyping, design set-up, tech. planning widths & browsers is critical Final design style4. Design guide Build, test,5. Development bug fix6. Deployment … © SAS Part of MSLGROUP
    20. 20. Summary of change to the process…1. Work out types & priorities of content & functionality early in process2. UX, Design, Development work together closely with client in an iterative fashion3. Need to make commitments to content & functionality at an earlier stage than normal4. Design may need to be tweaked throughout the build process5. Testing is critical© SAS Part of MSLGROUP
    21. 21. More examples…http://www.anderssonwise.com/http://www.greygoose.com/our-processhttp://www.lancs.ac.uk/http://thisismadebyhand.com/http://forefathersgroup.com/http://responsive.is/© SAS Part of MSLGROUP
    22. 22. © SAS Part of MSLGROUP

    ×