Tag Usability

Developing a responsive mobile-first design guide for e-commerce with the users in focus

Mobile e-commerce is an increasing trend. Still, many sales sites are not adapted to mobile interfaces.

Important factors in the design of successful e-commerce applications are trust, high quality graphics, and easy navigation. However, a typical design approach is to strip down functionality and this can have a negative impact on the user experience. The goal of this thesis was to create a style guide that can be used to develop responsive e-commerce sites through a mobile first implementation strategy. A style guide was created by applying modern design theory and by investigating existing e-commerce solutions. Moreover, a prototype of an e- commerce solution was developed using the style guide. This prototype was evaluated by an expert group of usability professionals. The study indicates that the style guide is a useful and effective tool in the design and development of e-commerce systems. We conclude that a mobile first strategy needs to be combined with subsequent traditional desktop design.

[ PDF ]

Author: Mathias Aktan
Author: Ulf Wirén-Hallqvist
Department: Department of Computer and Information Science, The Institute of Technology, Linköping University, Linköping, Sweden

Related Posts:

A Comparative Evaluation Between Two Design Solutions for an Information Dashboard

This study is a software usability design case about information presentation in a software dash­board. The dashboard is supposed to present system information about an enterprise resource planning system. The study aims to evaluate if the intended users of the dash­board prefer a list-based or an object-based presentation of the information and why. It also investigates if the possi­bility to get familiar with the prototype affects the evaluation’s result.

The study was performed using parallel prototypes and evaluation with users. The use of parallel prototypes is a rather unexplored area. Likewise, little research has been done in the area of how user experience changes over time.

Two prototypes were created, presenting the same information in two different design solutions, one list-based, and one object-based. The prototypes were evaluated with ten presumptive users, with respect to usability. The evaluation consisted of two parts, one quantitative and one qualita­tive. Half of the respondents got a chance to get familiar with the list-based prototype, and half the object-based prototype, after which they evaluated both sequentially.

The result of the evaluation showed that seven out of ten respondents preferred the list-based prototype. The two primary reasons were that they are more used to the list-based concept from their work, and that the list-based prototype presented all information about an application at once. In the object-based prototype the user had to make a request for each type of information, which opened up in a new pop-up window.

The primary reason that three of the ten respondents preferred the object-based prototype was that it had a more modern look, and gave a cleaner impression since it only presented the information the respondent was interested in at each point in time.

Related Posts: