Mobile Internet and Responsive Design
-
Upload
as-business-solutions -
Category
Business
-
view
415 -
download
4
description
Transcript of Mobile Internet and Responsive Design
Rakesh Davda
• 11 years' experience in IT industry
• Private, Public and Agency experience
• Training and consultancy in IT, web and social media
Mobile differences
• Screen size
• Touch interface
• Connection speed
Developing for Mobile
• Parallel mobile website
• Dynamic serving
• Responsive web design
• Apps
Parallel Mobile Site
• Standalone website
• Device sniffer
• Redirection
• Separate URL - e.g. m.bbc.co.uk
• Quick fix
• 2 websites to manage
• Confusion for users and search engines
Responsive Web Design
• Single website
• Automatically changes based on screen width
• 1 website to manage
• Google's recommended approach
• Considered design & development
howtogomo.com
mobiready.com
Considerations
• Google Analytics
• Mobile search results
• Your audience
• Your content
• Current site behaviour
• Technical capacity
• Budget
QR Codes
Often forgotten ...
Alienation DigitalAidan Martin, Senior Designer
• 14 Years
• Delivered Over 400 Digital Projects
• Digital Strategy and Execution
• Diverse Client List
Digital Landscape
• Changes
• Browsing Habits
• Fast Moving
• The Future
Alienation8TM
• New and Existing Clients
• Process
• Execution
• Measurability
Proof is in the pudding
• Alienation Digital
• Back to basics
• Content is king
• User Experience
Things to consider
• Business Case
• User Needs
• Content
• Useful Links:o http://www.alienationdigital.co.uk/are-responsive-or-mobile-specific-sites-best-for-seo.html
o http://www.alienationdigital.co.uk/responsive-web-design-multi-platform-magic.html
o http://www.alienationdigital.co.uk/mobile-website-design-and-responsive-design.html
o http://www.alienationdigital.co.uk/responsive/
Somerston Hotels LtdLesley-Ann Cardow, Group Marketing Manager
The Rationale for Responsive
• Meet service expectationso The hotel experienceo Responding to mobile landscape
• Be competitive
• SEO
• Deliver brand-hearted marketing communications
• We set the agenda, not the technology
• Strike a balanceo what we want to sayo what the consumer needs to know
• Play to your strengths
Design and development
Concept
Process and Learnings
• The challenge of being ‘future proof’
• Test, test and test again
• The many mysteries of browser compatibility
• Not-so-overnight success
• Work in partnership with your agency – nobody knows your business better than you
• Be clear about your objectives