24
Rakesh Davda 11 years' experience in IT industry Private, Public and Agency experience Training and consultancy in IT, web and social media

Mobile Internet and Responsive Design

Embed Size (px)

DESCRIPTION

Mobile Internet and Responsive Design. An overview of the Mobile Internet from Rakesh Davda, an introduction to Responsive Design with Aiden Martin of Alienation and the Customer perspective of implementing Mobile from Lesley Ann Cardow of Somerston Hotels.

Citation preview

Page 1: 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

Page 2: Mobile Internet and Responsive Design
Page 3: Mobile Internet and Responsive Design
Page 4: Mobile Internet and Responsive Design
Page 5: Mobile Internet and Responsive Design

Mobile differences

• Screen size

• Touch interface

• Connection speed

Page 6: Mobile Internet and Responsive Design

Developing for Mobile

• Parallel mobile website

• Dynamic serving

• Responsive web design

• Apps

Page 7: Mobile Internet and Responsive Design

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

Page 8: Mobile Internet and Responsive Design

Responsive Web Design

• Single website

• Automatically changes based on screen width

• 1 website to manage

• Google's recommended approach

• Considered design & development

Page 9: Mobile Internet and Responsive Design
Page 10: Mobile Internet and Responsive Design

howtogomo.com

Page 11: Mobile Internet and Responsive Design

mobiready.com

Page 12: Mobile Internet and Responsive Design

Considerations

• Google Analytics

• Mobile search results

• Your audience

• Your content

• Current site behaviour

• Technical capacity

• Budget

Page 13: Mobile Internet and Responsive Design

QR Codes

Page 14: Mobile Internet and Responsive Design

Often forgotten ...

Page 15: Mobile Internet and Responsive Design

Alienation DigitalAidan Martin, Senior Designer

• 14 Years

• Delivered Over 400 Digital Projects

• Digital Strategy and Execution

• Diverse Client List

Page 16: Mobile Internet and Responsive Design

Digital Landscape

• Changes

• Browsing Habits

• Fast Moving

• The Future

Page 17: Mobile Internet and Responsive Design

Alienation8TM

• New and Existing Clients

• Process

• Execution

• Measurability

Page 18: Mobile Internet and Responsive Design

Proof is in the pudding

• Alienation Digital

• Back to basics

• Content is king

• User Experience

Page 19: Mobile Internet and Responsive Design

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/

Page 20: Mobile Internet and Responsive Design

Somerston Hotels LtdLesley-Ann Cardow, Group Marketing Manager

Page 21: Mobile Internet and Responsive Design

The Rationale for Responsive

• Meet service expectationso The hotel experienceo Responding to mobile landscape

• Be competitive

• SEO

• Deliver brand-hearted marketing communications

Page 22: Mobile Internet and Responsive Design

• 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

Page 23: Mobile Internet and Responsive Design

Concept

Page 24: Mobile Internet and Responsive Design

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