Responsive design allows websites to adapt to different screen sizes and devices like mobile phones and tablets by using fluid grids and layouts. It ensures users have optimal experiences on any device by optimizing content for each medium through a mobile-first approach. While native apps are an alternative, responsive design is important because it allows users to access social networks and content on any device through a single optimized website design.
5 years ago everyone using desktop... People would make a conscious decision: I am going to sit down and surf the web.Now, with the proliferation of different platforms, across mobile, tablet, and desktop the net has become so much more accessible and part of our daily lives
Now people are using across devices such as these. As I’m sure you’re aware it’s not just one type of mobile but apple, blackberry and android...Well, what does this all mean for responsive design and what’s the link to social media?I want to start with a word many of you may have come across...
A portmanteau of the words ‘social’ and ‘mobile’Go straight to figures...
Follow figures with:Who has accessed a social network today?Who has accessed a social network on their mobile today?
Generally, the design scales to fit three main platforms: desktop, tablet and mobile.
Context – the journey, what do they want?Use different layouts: Bigger screens might have a paragraph next to a large photo but when viewed on a smartphone the text might appear underneath the photo.Different images: Keep several copies of images and load different sized images by the screen size. Smaller images on smaller browsers means a quicker load time.Different content: Show different amounts of content on smaller devices. E.g. A grid of products would be 50 per page on desktop and 10 on mobile.Chop out content: Remove some content altogether on smaller screens. E.g. extra column of adverts should disappear on smaller screens.
Explain native apps
Ability to create an app-like experience in the browser without having to go through the app-store.HTML5, faster phones and more platformsMaintaining one codebaseCreate a great user experience no matter where your users are (hopefully)Several layouts cost more but still less than the cost of creating many different versions of a site, or creating multiple apps. Easier to maintain and update one website so maintenance costs will be lower – key for socialA last benefit of a mobile-site strategy is better integration with the full web. It's much easier for others to link to a site than to integrate with a 3rd-party application. In the long run, theInternet will defeat smaller, closed environments.(Apps may remain better for tasks that are intensely feature-rich applications, such as photo editing — whereas mobile sites will be better for design problems like e-commerce/m-commerce, corporate websites, news, medical info, social networking, etc. that are rich in content but don't require intense data manipulation.)