Design issues for converting websites to mobile sites and apps: A case study

Using mobile devices to access websites has been on the increase in recent years. It has been a challenging task for designers to develop websites that conform to mobile device environment. To address these issues, we reviewed related literature on the development of websites, mobile sites, and mobile apps. We came up with a taxonomy of the major factors that affect the conversion of a website into a mobile site or mobile app. Based on our taxonomy, we used two websites as case studies, addressing design issues during conversion and recommending appropriate GUI components to be used not only in the content of the original website but also in both mobile sites and mobile apps.

[1]  Ricardo A. Baeza-Yates,et al.  A content and structure website mining model , 2006, WWW '06.

[2]  Olga De Troyer,et al.  WSDM: A User Centered Design Method for Web Sites , 1998, Comput. Networks.

[3]  Phillip J. Heeler,et al.  Usability testing: A software engineering perspective , 2013, 2013 International Conference on Human Computer Interactions (ICHCI).

[4]  Hend Suliman Al-Khalifa.  Development of mobile government websites: a functional design approach , 2011, iiWAS '11.

[5]  Wee Sun Lee,et al.  Using link analysis to improve layout on mobile devices , 2004, WWW '04.

[6]  Dickson K. W. Chiu,et al.  Heuristic Usability Evaluation of University of Hong Kong Libraries' Mobile Website , 2016 .

[7]  Heinrich Hußmann,et al.  Mobile or desktop websites?: website usage on multitouch devices , 2010, NordiCHI.

[8]  Scott Klemmer,et al.  Towards responsive retargeting of existing websites , 2014, UIST'14 Adjunct.

[9]  Alireza Sahami Shirazi,et al.  Insights into layout patterns of mobile user interfaces by an automatic analysis of android apps , 2013, EICS '13.

[10]  Luis A. Leiva.  Restyling website design via touch-based interactions , 2011, Mobile HCI.

[11]  Edward B. Allen,et al.  Empirical evidence of code decay: A systematic mapping study , 2013, 2013 20th Working Conference on Reverse Engineering (WCRE).

[12]  Zebulin Evelhoch,et al.  Mobile Web Site Ease of Use: An Analysis of Orbis Cascade Alliance Member Web Sites , 2016 .

[13]  Andreas Paepcke,et al.  Accordion summarization for end-game browsing on PDAs and cellular phones , 2001, CHI.

[14]  Biplab Deka,et al.  Data-driven Mobile App Design , 2016, UIST.

[15]  Ajay Bandi,et al.  Assessing code decay by detecting software architecture violations , 2014 .

[16]  B. Schneirdeman,et al.  Designing the User Interface: Strategies for Effective Human-Computer Interaction , 1998 .