Supporting View Transition Design of Smartphone Applications Using Web Templates

  • Kazuki Nishiura
  • Yuta Maezawa
  • Fuyuki Ishikawa
  • Shinichi Honiden
Part of the Lecture Notes in Computer Science book series (LNCS, volume 7387)


Many developers have implemented native smartphone applications (NSAs) that have the same functionalities as those of existing web applications (WAs). They need to redesign web pages as views of NSAs owing to their constraints, such as compact displays. However, it can produce a NSA with low global navigability. We propose a framework that can support developers in designing view transitions of NSAs on the basis of WAs. We focus on web templates to leverage well-designed web page transitions. Our framework 1) extracts a page transition model from a WA to create candidate view transitions of a NSA, 2) provides an interface where developers design these views to solve the constraints, and 3) suggests design modifications to increase global navigability calculated by proposed criteria of navigation costs for users. After examining case studies, we concluded that our framework could support developers to design easy-to-navigate NSAs.


View Transition Document Object Model Online Bookstore Page Transition Audio Book 
These keywords were added by machine and not by the authors. This process is experimental and the keywords may be updated as the learning algorithm improves.


  1. 1.
    Zhang, D., Lai, J.: Can convenience and effectiveness converge in mobile web? a critique of the state-of-the-art adaptation techniques for web navigation on mobile handheld devices. IJHCI 27(12), 1133–1160 (2011)Google Scholar
  2. 2.
    Nichols, J., Hua, Z., Barton, J.: Highlight: a system for creating and deploying mobile web applications. In: UIST, pp. 249–258. ACM (2008)Google Scholar
  3. 3.
    Chen, Y., Xie, X., Ma, W.Y., Zhang, H.J.: Adapting web pages for small-screen devices. IEEE Internet Computing 9(1), 50–56 (2005)CrossRefGoogle Scholar
  4. 4.
    Nielsen, J.: User interface directions for the web. CACM 42(1), 65–72 (1999)Google Scholar
  5. 5.
    Hollink, V., Someren, M., Wielinga, B.J.: Navigation behavior models for link structure optimization. UMUAI 17, 339–377 (2007)Google Scholar
  6. 6.
    Gong, J., Tarasewich, P.: Guidelines for handheld mobile device interface design. In: DSI Annual Meeting (2004)Google Scholar
  7. 7.
    Gibson, D., Punera, K., Tomkins, A.: The volume and evolution of web page templates. Special Interest Tracks and Posters of WWW, pp. 830–839. ACM (2005)Google Scholar
  8. 8.
    Chaisatien, P., Prutsachainimmit, K., Tokuda, T.: Mobile Mashup Generator System for Cooperative Applications of Different Mobile Devices. In: Auer, S., Díaz, O., Papadopoulos, G.A. (eds.) ICWE 2011. LNCS, vol. 6757, pp. 182–197. Springer, Heidelberg (2011)CrossRefGoogle Scholar
  9. 9.
    Smyth, B., Cotter, P.: The Plight of the Navigator: Solving the Navigation Problem for Wireless Portals. In: De Bra, P., Brusilovsky, P., Conejo, R. (eds.) AH 2002. LNCS, vol. 2347, pp. 328–337. Springer, Heidelberg (2002)CrossRefGoogle Scholar
  10. 10.
    Anderson, C.R., Domingos, P., Weld, D.S.: Adaptive web navigation for wireless devices. In: IJCAI, vol. 2, pp. 879–884. Morgan Kaufmann Publishers Inc. (2001)Google Scholar
  11. 11.
    Maezawa, Y., Washizaki, H., Honiden, S.: Extracting interaction-based stateful behavior in rich internet applications. In: CSMR, pp. 423–428. IEEE C.S (2012)Google Scholar

Copyright information

© Springer-Verlag Berlin Heidelberg 2012

Authors and Affiliations

  • Kazuki Nishiura
    • 1
  • Yuta Maezawa
    • 1
  • Fuyuki Ishikawa
    • 2
  • Shinichi Honiden
    • 1
    • 2
  1. 1.The University of TokyoBunkyo-kuJapan
  2. 2.National Institute of InformaticsChiyoda-kuJapan

Personalised recommendations