Designing the Mobile Web: Guidelines for User Interactionand Experience

Abstract: The area of mobile web is evolving rapidly but there are still no consensus regarding recommendations or best practices within the topic. Therefore this thesis is focused on interaction design within mobile web and compiles many dierent theories into guidelines for mobileweb design. The thesis may also be used as a foundation when deciding whether to developa native mobile application or a mobile adapted web application, or when choosing betweena separate mobile web application and a responsive web design.Components that are especially considered in this thesis are form elements and navigation menus. These are discussed relative to interaction on small touch screens such as smartphones and tablets. For example, text input elements can be optimized for the intended input format and one can take advantage of the device's native components for e.g. time and date input. A prototype of a responsive web application is also developed to further exemplify the theoretical theories. This is a exploratory study for the Swedish magazine Resume in collaboration with The Mobile Life and is focused on convert the original site into a responsive design, but still retain the overall Resume look and feel.