SAS Corporate Web Forum | 11.11.12
•Als PPTX, PDF herunterladen•
0 gefällt mir•278 views
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.
Empfohlen
Weitere ähnliche Inhalte
Andere mochten auch
Andere mochten auch (14)
Mehr von SAS
SAS Corporate Web Forum | 11.11.12
- 1. Corporate Website Forum A brief introduction to responsive design Presentation by Dean Parker, SAS Thursday 11th October 2012 © SAS Part of MSLGROUP
- 2. Contents 1. What is it? 2. Why use it? 3. How to do it © SAS Part of MSLGROUP
- 3. Contents 1. What is it? 2. Why use it? 3. How to do it © SAS Part of MSLGROUP
- 4. Responsive Design is a way of creating a website that takes into account the size of the screen on which it is being viewed, to offer every user an optimised experience.
- 5. From this… © SAS Part of MSLGROUP
- 6. …to this. © SAS Part of MSLGROUP
- 7. For example… http://worldwildlife.org/ © SAS Part of MSLGROUP
- 9. Although the primary feature of Responsive Design is reacting to screen size, it should also consider other variables like resolution, connection speed & device/browser capabilities.
- 10. Contents 1. What is it? 2. Why use it? 3. How to do it © SAS Part of MSLGROUP
- 11. Because mobiles are increasingly being used to access the web… 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 devices4 For many people, a mobile device is the only way they 200 million+ have of accessing the internet YouTube views are made every device (Egypt 70%, India 59%, day using mobile devices5 US 25%, UK 22%)2 © SAS Part of MSLGROUP
- 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. The device market is becoming increasingly complicated… +60 different mobile browsers1 +6,500 different web-capable mobile devices2 1 Source: ComScore (2011) 2 Source: dotMobi (July 2011) © SAS Part of MSLGROUP
- 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. 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. Summary of benefits 1. More user friendly 2. Future-proofs your websites 3. More cost effective (in the long-term!) 4. Easier to manage 5. Better for SEO © SAS Part of MSLGROUP
- 17. Contents 1. What is it? 2. Why use it? 3. How to do it © SAS Part of MSLGROUP
- 18. Traditional process Month 1 Month 2 Month 3 Month 4 Month 5 Month 6 1. Discovery Define req’s Define UX & 2. Structure & content content plan Creative concepts & 3. Design design development 4. Build Front & back-end build Bug fixing 5. Testing & launch & launch © SAS Part of MSLGROUP
- 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’s 1. Discovery & tech spec The design will be refined at this stage but must not fundamentally change from Content audit, the final prototype 2. 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 style 4. Design guide Build, test, 5. Development bug fix 6. Deployment … © SAS Part of MSLGROUP
- 20. Summary of change to the process… 1. Work out types & priorities of content & functionality early in process 2. UX, Design, Development work together closely with client in an iterative fashion 3. Need to make commitments to content & functionality at an earlier stage than normal 4. Design may need to be tweaked throughout the build process 5. Testing is critical © SAS Part of MSLGROUP
- 22. © SAS Part of MSLGROUP
Hinweis der Redaktion
- 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…