Similarities of global web mapping services functionality in the context of responsive web design

• Autorzy: Horbiński T. , Cybulski P.

Identyfikatory

DOI

10.24425/118707

• Języki publikacji: EN

Abstrakty

EN

The graphical user interface (GUI) and the functionality of various global map services in the context of responsive web design were compared in the article. The analysis included: the number and arrangement of buttons on the start screen, available map layers, waypoints and means of transport for searched routes on four screens of various sizes: the desktop computer, laptop, tablet, and smartphone screen. Having compared the interface and the functionality of eight global map services (Baidu Maps, Google Maps, HereWeGo, Bing Maps, Open Street Map, Map Quest, 2Gis, Yandex Maps), authors draw conclusions concerning responsive web design. Despite the fact that specific map services differ, there are some common features making a good example of the adaptation of the graphical user interface to the device on which the map is presented. Global map services, regardless of the display size, use the same interactive tools that are graphically similar. Among those graphic similarities, one can distinguish two or three graphical styles representing a single function. Two versions of the interface can be observed – the desktop and mobile type. Adaptation to devices such as laptops or tablets assumes that only the screen decreases but the interface and the functionality remains relatively unchanged. Real responsiveness occurs only when service is displayed on a smartphone display.

Słowa kluczowe

EN

responsive web design; graphical user interface; web mapping services; geomatics; interactive map

PL

interaktywna mapa; geomatyka; mapowanie internetowe; graficzny interfejs użytkownika; strona internetowa

• Wydawca: Komitet Geodezji PAN
• Czasopismo: Geodesy and Cartography
• Rocznik: 2018
• Tom: Vol. 67, no. 2
• Strony: 159--177
• Opis fizyczny: Bibliogr. 43 poz., rys., tab., wykr.

Twórcy

autor

Horbiński T.

• Adam Mickiewicz University in Poznań Faculty of Geographic and Geological Sciences, Department of Cartography and Geomatics 10 Krygowskiego St., 61-680 Poznań, Poland

autor

Cybulski P.

• Adam Mickiewicz University in Poznań Faculty of Geographic and Geological Sciences, Department of Cartography and Geomatics 10 Krygowskiego St., 61-680 Poznań, Poland

Bibliografia

• [1] Alaçam, Ö. and Dalci, M. (2009). A Usability Study of WebMaps with Eye Tracking Tool: The Effects of Iconic Representation of Information. Human-Computer Interaction, 1, 12–21. DOI: 10.1007/978-3-642-02574-7_2.
• [2] Baranowski, M., Bielecka, E. and Dukaczewski, D. (2010). Methods of portraying spatial data used In official geoinformation services in Poland – a comparative study. In: G. Gartner, F. Ortag (ed.), Lecture Notes in Geoinformation and Cartography. Cartography in Central and Eastern Europe. Springer, Berlin, Heidelberg, pp. 41–62. DOI: 10.1007/978-3-642-03294-3_3.
• [3] Brynard, H. (2013). Best practices for the development and serving of web map services. Proceedings of the South Africa Surveying + Geomatics Indaba (SASGI), Kempton Park: South Africa.
• [4] Carroll, J.M. (1985). Minimalist design for active users. In: Human Computer Interaction – INTERACT’ 84. B. Shackel (ed.). Amsterdam: Elsevier Science, 621–626.
• [5] Chittaro, L. (2006). Visualizing Information on Mobile Devices. IEEE Computer, 39 (3), 40–45. DOI: 10.1109/MC.2006.109.
• [6] Cybulski, P. and Medy´nska-Guli, B. (2018). Cartographic Redundancy in Reducing Change Blindness in Detecting Extreme Values in Spatio-Temporal Maps. ISPRS International Journal of Geo-Information, 7 (1), 8. DOI: 10.3390/ijgi7010008.
• [7] Dillemuth, J. (2005). Map Design Evaluation for Mobile Display. Cartography and Geographic Information Science, 32 (4), 285–301. DOI: 10.1559/152304005775194773.
• [8] Dukaczewski, D. (2014). Designing simple and complex animated maps for users from different age groups, employing the appropriate selection of static and dynamic visual and sound variables. In: Lecture Notes in Geoinformation and Cartography. Thematic Cartography for the Society. T. Bandrova, M. Konecny, S. Zlatanova (ed.), Springer, Cham, 47–60. DOI: 10.1007/978-3-319-08180-9_5.
• [9] Fairbairn, D. and Erharuyi, N. (2003). Adaptive Technique for Delivery of Spatial Data Technique for Mobile Devices. In: 2nd Symposium on Location Based Services and Telecartography, ICA Commision on Maps and the Internet. G. Gartner (ed.), 28th–29th January, Vienna, Austria.
• [10] Frain, B. (2015). Responsive Web Design with HTML5 and CSS. Birmingham, UK: Packt Publishing.
• [11] Friedmannová, L., Koneˇcný, M. and Stanˇek, K. (2006). An adaptive cartographic visualization for suport of the crisis management. Proceedings of the AutoCarto, pp. 100–105.
• [12] Halik, Ł. and Medy´nska-Gulij, B. (2016). The Differentiation of Point Symbols using Selected Visual Variables in the Mobile Augmented Reality System. The Cartographic Journal, 54 (2), 147–156. DOI: 10.1080/00087041.2016.1253144.
• [13] Hoober, S. (2015). Lessons learned: Fingers, thumbs, and people. Interactions, 22 (3), 48–51. DOI: 10.1145/2745957.
• [14] Kajikawa, S. and Nagayama, T. (2008). Considering Standards for Specifications of Global Map Version 2. Workshops ISO/TC 211. Tsukuba International Congress Center, December 3, Tsukuba, Japan.
• [15] Koneˇcný, M. and Stanˇek, K. (2010). Adaptive cartography and geographical education. International Research in Geographical and Environmental Education, 19 (1), 75–78. DOI: 10.1080/ 10382041003602977.
• [16] Krug, S. (2005). Don’t make me think: a common sense approach to Web usability. Berkeley, CA: New Riders.
• [17] López-Ornelas, R., Abascal-Mena, R. and Zapeda-Hernández, S.J. (2013). Geospatial Web Interfaces. Why Are They So “Complicated”?. In: DUXU/HCII, Part IV, LNCS 8015. A. Marcus (ed.), Berlin, Heidelberg: Springer-Verlag, 231–237. DOI: 10.1007/978-3-642-39253-5_2.
• [18] Maiellaro, N. and Varasano, A. (2017). One-Page Multimedia Interactive Map. ISPRS International Journal of Geo-Information, 6 (2), 34. DOI: 10.3390/ijgi6020034.
• [19] Medyńska-Gulij, B. (2010). Map compiling, map reading and cartographic design in “Pragmatic pyramid of thematic mapping”. Quaestiones Geographicae, 29 (1), 57–63. DOI: 10.2478/v10117-010-0006-5.
• [20] Meng, L. and Reichenbacher, T. (2005). Map-based mobile services. In: Map-based Mobile Services. L. Meng, T. Reichenbacher, A. Zipf (ed.), Berlin, Heidelberg: Springer, 1–10.
• [21] Meng, L. (2005). Ego centres of mobile users and egocentric map design. In: Map-based Mobile Services. L. Meng, T. Reichenbacher, A. Zipf (ed.), Berlin, Heidelberg: Springer, 87–105.
• [22] Meng, L. (2008). The State of the Art of Map-Based Mobile Services. In: Map-based Mobile Services. L. Meng, A. Zipf, S. Winter (ed.), Berlin, Heidelberg: Springer, 1–12.
• [23] Muehlenhaus, I. (2013). Web Cartography: Map Design for Interactive and Mobile Devices. Boca Raton: CRC Press.
• [24] Nivala, A.M., Brewster, S. and Sarjakoski, L.T. (2008). Usability Evaluation of Web Mapping Sites. The Cartographic Journal, 45 (2), 129–138. DOI: 0.1179/174327708X305120.
• [25] Nivala, A.M. and Sarjakoski, L.T. (2007). User Aspects of Adaptive Visualization for Mobile Maps. Cartography and Geographic Information Science, 34 (4), 275–284. DOI: 10.1559/152304007782382954.
• [26] Peterson, M.P. (2006). The Transition from Internet to Mobile Mapping. In: Location Based Services and TeleCartography. G. Gartner, W. Cartwright, M.P. Peterson (ed.), Berlin, Heidelberg: Springer, 73–88.
• [27] Peterson, M.P. (2008). Maps and the Internet: What a Mess It Is and How To Fix It. Cartographic Perspectives, 59, 4–11. DOI: 10.14714/CP59.244.
• [28] Reichenbacher, T. (2001). Adaptive concepts for a mobile cartography. Journal of Geographical Sciences, 11, 43–53. DOI: 10.1007/BF02837443.
• [29] Roth, R. and Harrower, M. (2008). Addressing map interface usability: learning from the Lakeshore Nature Preserve interactive map. Cartographic Perspectives, 2 (60), 46–66.
• [30] Roth, R. (2013). Interactive maps: What we know and what we need to know. Journal of Spatial Information Science, 6, 59–115. DOI: 10.5311/JOSIS.2013.6.105.
• [31] Roth, R., Donohue, R., Sack, C., Wallace, T. and Buckingham, T. (2014). A Process for Kemping Pace with Evolving Web Mapping Technologies. Cartographic Perspectives, 78, 25–52. DOI: 10.14714/CP78.1273.
• [32] Sarjakoski, L.T. and Nivala, A.M. (2005). Adaptation to Context – A Way to Improve the Usability of Mobile Maps. In: Map-based Mobile Services, Theories, Methods and Implementations. L. Meng, A. Zipf and T. Reichenbacher (ed.), New York: Springer, 107–123. DOI: 10.1007/3-540-26982-7_8.
• [33] Schmidt, M. and Weiser, P. (2012). Web Mapping Services: Development and Trends. In: Online Maps with APIs and WebServices. M.P. Peterson (ed.), Berlin, Heidelberg: Springer-Verlag, 13–21. DOI: 10.1007/978-3-642-27485-5_2.
• [34] Sinha, S. and Prabhakar, S. (2015). Integrating Traffic Data Stream with Public Route Planning Algorithm and Personalizing it for the End User. Boston University: Department of Computer Science.
• [35] Socharoentum, M. and Karimi, H. (2015). A comparative analysis of routes generated by Web Mapping APIs. Cartography and Geographic Information Science, 42 (1), 33–43. DOI: 10.1080/15230406.2014.976656.
• [36] Takeuchi, K. and Kennelly, P. (2010). Creating Mapping Application for the iPhone. Cartographic Perspectives, 66, 71–84. DOI: 10.14714/CP66.100.
• [37] van Tonder, B. and Wesson, J. (2009). Design and Evaluation of an Adaptive Mobile Map-Based Visualization System. In: Human-Computer Interatcion – INTERACT 2009. Lecture Notes in Computer Science. T. Gross (ed.), Berlin, Heidelberg: Springer, 5726. DOI: 10.1007/978-3-642-03655-2_92.
• [38] Wang, C. (2014). Usability evaluation of public web mapping sites. The International Archives of the Photogrammetry, Remote Sensing and Spatial Information Sciences, 60 (4), 285–289. DOI: 10.1179/ 174327708X305120.
• [39] Weakliam, J., Wilson, D. and Bertolotto, M. (2008). Personalizing Map Feature Content for Mobile Map Users. In: Map-based Mobile Services: Design, Interaction and Usability. L. Meng, A. Zipf and S. Winter (ed.), Berlin, Heidelberg: Springer-Verlag, 125–145.
• [40] Weinschenk, S.M. (2011). 100 thing every designer needs to know about people. Berkeley, CA: New Riders.
• [41] You, M., Chen, C., Liu, H. and Lin, H. (2007). A usability evaluation of web map zoom and pan functions. International Journal of Design, 1 (1), 15–25.
• [42] Zeldman, J. (2001). Taking Your Talent to the Web: Making the Transition from Graphic Design to Web Design. Berkeley, CA: New Riders.
• [43] Zhang, D., Chow, C-Y., Li, Q., Liu, A., Zhang, X., Ding, Q. and Li, Q. (2016). Efficient evaluation of shortest travel-time path queries in road networks by optimizing waypoint in route request through spatial mashups. GeoInformatica, 22 (1), 3–28. DOI: 10.1007/978-3-319-45814-4_9.

Uwagi

PL

Opracowanie rekordu w ramach umowy 509/P-DUN/2018 ze środków MNiSW przeznaczonych na działalność upowszechniającą naukę (2019)