Practical Instruction for Responsive Web Design

1. Research/scoping
   
   • Business requirements: business research and goal definition. Web design questionnaires and project sheets
   • User needs: user research and persona creation
   • Develop core and path: scenario creation, brainstorming, sketching, and scoping
     
     • Cores and Paths - desire lines in web design
     • Using Data analytics in Mobile Responsive Web Design
   • If something isn’t working well or goes off schedule, keep moving forward. Either find alternate ways to get results or switch to a task that you’re better suited for at the time.
2. Wireframing
   
   • Build a responsive site
     
   • Have the key layouts > Consider the key widths > Focus on certain pages > Define the logic
   • For each of the chosen widths: Define a grid structure > Home page > Main navigation > Footer
   • Test the initial wireframe > Add the tablet and mobile versions to the user testing process
3. Look and feel
   
   • Keep styles simpler
   • Think about font
4. Building the site
   
   • Think about image size, advanced CSS, and constant communication.

(Source: How to Design a Mobile Responsive Website, Mission Impossible: Shrinking the UX Process)