scholarly journals Functionality similarities of global web mapping services in the context of responsive map design

2019 ◽  
Vol 1 ◽  
pp. 1-1 ◽  
Author(s):  
Tymoteusz Horbinski ◽  
Paweł Cybulski
Keyword(s):  
User Interface ◽  
Graphical User Interface ◽  
Web Design ◽  
Web Content ◽  
Screen Size ◽  
Web Mapping ◽  
Responsive Design ◽  
Map Design ◽  
Responsive Web Design ◽  
External Conditions

<p><strong>Abstract.</strong> <strong>The problem</strong> discussed in this research is connected with the functionality of the graphical user interface (GUI) of global web mapping services displayed on different devices. Displaying a mapping service on devices with diverse display screen size causes the adaptation of the graphical user interface to the size of the screen. This adaptation is the result of the responsive design technique which enables one to display the same web content on different devices. Eight global web mapping services: Google Maps, Bing Maps, OpenStreetMap (OSM), Baidu Maps, Yandex Maps, 2GIS, MapQuest, and HERE WeGo, constituted the source of the data. All of them were displayed on four display screens: the monitor of a personal computer, laptop, tablet, and smartphone in order to compare the similarities in the adaptation of GUI, its functions and map content.</p><p><strong>The aim of the research</strong> conducted was to find different solutions for displaying GUI of the same mapping service on diverse display screens of various devices and to track which functions are the most common and how they differ in terms of graphics.</p><p><strong>Methodology</strong> of the research is based on the comparative analysis of eight global web mapping services in terms of the number of GUI buttons, their layout, graphic style, the map functionality, and map content displayed on four devices of different display screen size.</p><p><strong>The results</strong> showed that most of the global web mapping services adapt to the device and their way of use. Some of them are also responsive in the context of external conditions. Interestingly, the adaptation between the PC monitor, laptop and tablet occurs only by changing the size of GUI buttons, other functions remaining the same. Only in the case of smartphones GUI adapts to the size of the device, the number of buttons decreases and their layout changes, new functionality is available (e.g. day/night mode), and the map content is more generalized. On that basis, authors concluded that GUI of global map services constituted a good example of responsive web design.</p>

scholarly journals Responsive and Personalized Web Layouts with Integer Programming

2021 ◽  
Vol 5 (EICS) ◽  
pp. 1-23
Author(s):  
Markku Laine ◽  
Yu Zhang ◽  
Simo Santala ◽  
Jussi P. P. Jokinen ◽  
Antti Oulasvirta
Keyword(s):  
Integer Programming ◽  
Web Design ◽  
Web Pages ◽  
Web Page Design ◽  
Automated Generation ◽  
Novel Approach ◽  
Wide Range ◽  
Responsive Design ◽  
Responsive Web Design ◽  
Page Design

Over the past decade, responsive web design (RWD) has become the de facto standard for adapting web pages to a wide range of devices used for browsing. While RWD has improved the usability of web pages, it is not without drawbacks and limitations: designers and developers must manually design the web layouts for multiple screen sizes and implement associated adaptation rules, and its "one responsive design fits all" approach lacks support for personalization. This paper presents a novel approach for automated generation of responsive and personalized web layouts. Given an existing web page design and preferences related to design objectives, our integer programming -based optimizer generates a consistent set of web designs. Where relevant data is available, these can be further automatically personalized for the user and browsing device. The paper includes presentation of techniques for runtime adaptation of the designs generated into a fully responsive grid layout for web browsing. Results from our ratings-based online studies with end users (N = 86) and designers (N = 64) show that the proposed approach can automatically create high-quality responsive web layouts for a variety of real-world websites.

Exploring the Limitations of Responsive Design Through a Case Study Approach

2021 ◽  
Vol 13 (1) ◽  
pp. 62-73
Author(s):  
Fernando Almeida ◽  
José Augusto Monteiro
Keyword(s):  
Adaptive Design ◽  
Web Design ◽  
Dynamic Adaptation ◽  
Access Device ◽  
Development Models ◽  
Study Approach ◽  
Responsive Design ◽  
Responsive Web Design ◽  
Further Development

Having an online presence is essential for any company regardless of its size and type of business. Users are currently striving to interact with companies through the web, regardless of their access device. In this sense, responsive web design emerged as a very useful technique that allows the dynamic adaptation of the design regardless of the size and resolution of the access device. Despite the unequivocal advantages associated with this technique, there are also limitations which turn this approach not feasible or advisable for all projects. This study, through the realization of five case studies, seeks to identify the main limitations of responsive design and responsive design frameworks. Additionally, this study suggests further development models that may be more effective in the dynamic adaptation of the design and contents according to the features of the access device, such as the adoption of adaptive design, use of native apps, and hybrid models.

Perancangan dan Analisis Pengaruh User Interface E-Learnig Terhadap Minat Belajar Siswa SMA/SMK Menggunakan Heuristic of Responsive Web Design

2020 ◽  
Vol 1 (2) ◽  
pp. 88-105
Author(s):  
Angreyni Regal ◽  
Indrastanti R. Widiasari
Keyword(s):  
High School Students ◽  
User Interface ◽  
Design Method ◽  
Web Design ◽  
The Internet ◽  
Website Design ◽  
School Students ◽  
Responsive Web Design ◽  
E Learning ◽  
Online Schools

During this current pandemic of Covid-19, online learning or online school is very important for high school students because they have not been allowed to going to school to take part in offline school as usual. The existence of E-Learning or Electronic Learning facilities will greatly help students to get material or theory in the form of lessons and information from the internet. As the Minister of Education emphasizes the implementation of online schools, more and more parents are beginning to facilitating their children with smartphones, so that students can join the online class or searching the subject on the internet. There are many online platforms that provide these things, one of which is the website. However, there are still many websites whose display or the user interface is not very attractive to students because their construction has not been designed properly and optimally. By using the Heuristic Of Responsive Web Design method as a benchmark to make this e-learning website, hoped that the website design and purpose will be fulfilled the need and expectations of students who want to find lessons material and want to learn by online.

scholarly journals Review of Responsive Design Concept Based On Framework Materialize On The Website

2021 ◽  
Vol 3 (1) ◽  
pp. 59-66
Author(s):  
Muhammad Rehan Anwar ◽  
Marviola Hardini ◽  
Mey Anggraeni
Keyword(s):  
Mobile Devices ◽  
Mobile Device ◽  
Display Size ◽  
Web Design ◽  
Design Concept ◽  
Website Design ◽  
Responsive Design ◽  
Responsive Web Design ◽  
The Web

Responsive web design is a website design that can adjust each size on each device. Based on the results of several respondents, 60% of respondents agreed that some websites were not able to adjust the display size on the web, 50% of respondents agreed that design affects the convenience factor, 58% of respondents agreed that the main content and functionality of websites that are difficult to access via mobile devices, 53% of respondents agreed that the appearance of a website that was not attractive had a bad effect on the comfort factor of the respondents, 50% of respondents also agreed that the website was not able to adjust the size on every mobile device. From the results of this review, it can be concluded that an unresponsive website greatly affects the inconvenience of users in accessing information through the website.

scholarly journals Issues in adapting web content to be displayed on devices with various screen shapes using a JavaScript built screen shape simulator

2020 ◽  
Vol 4 (1) ◽  
Author(s):  
Tanja Krunić
Keyword(s):  
Rapid Development ◽  
Web Design ◽  
Smart Devices ◽  
Web Pages ◽  
Web Content ◽  
Outdoor Advertising ◽  
Web Standards ◽  
Testing Tool ◽  
Responsive Web Design ◽  
Indoor And Outdoor

This paper is devoted to an upcoming issue in web design: Styling web content to be displayed correctly on devices with various screen shapes. This issue is a consequence of the rapid development of LED displays with a wide variety of screen shapes. Many of them can be connected to a computer which means that one can display web content on them. Such displays are used as indoor and outdoor advertising panels, which makes them very important for business. Also, various smart devices are developing rapidly and they are often web browsing enabled. They come with various screen shapes, which is an imperative of modern design. Hence the need to style web pages in such a way that their content is displayed correctly on all those devices. By now, responsive web design has a solution only for styling web pages to be displayed on rectangular screens with various dimensions by using media queries and flexible grids. The W3C organization is currently working on media queries for round shaped displays, but all new suggested CSS rules are still in the working draft. It is obviously that the development of LED displays is running faster than the development of web standards. For these reasons, a responsive web design testing tool with a various screen shape simulator is built in JavaScript and is available on GitHub. Its main features are described herein. An example of styling a web site for various screen shapes using that testing tool is given in this paper in order to highlight the problems that arise during that process.

Worldlikeness: a Web crowdsourcing platform for typological psycholinguistics

2021 ◽  
Vol 7 (s1) ◽  
Author(s):  
Tsung-Ying Chen ◽  
James Myers
Keyword(s):  
User Interface ◽  
Language Processing ◽  
Web Design ◽  
Linguistic Processing ◽  
Processing Data ◽  
Experimental Tool ◽  
Responsive Web Design ◽  
Universal Properties ◽  
Linguistic Analyses ◽  
Key Features

Abstract Worldlikeness, hosted online at https://worldlikeness.org, is a free Web crowdsourcing experimental tool and database that seeks to make it easier to generate and share cross-linguistic processing data. Adopting HTML5 technology and a responsive Web design using the JavaScript-based Meteor package, Worldlikeness supports the use of text and multimedia stimuli in a user interface optimized for participants using either desktops or mobile devices. Worldlikeness allows individual psycholinguists to collect data on individual languages, store the data in theWorldlikeness server, and share them to help build a cross-linguistic database. As the database grows, outside researchers can freely conduct their own typological cross-linguistic analyses and contribute to our understanding of language-specific and universal properties of language processing. In this paper, we introduce the key features of Worldlikeness and compare online wordlikeness judgments to in-lab data to demonstrate its reliability.

scholarly journals REVIEW KONSEP RESPONSIVE DESIGN DENGAN FRAMEWORK MATERIALIZE PADA WEBSITE

2017 ◽  
Vol 2 (1) ◽  
pp. 41-44
Author(s):  
Cindy Novianty
Keyword(s):  
Web Design ◽  
Responsive Design ◽  
Responsive Web Design

Responsive web design merupakan sebuah desain website yang dapat menyesuaikan tiap ukuran pada tiap device. Berdasarkan hasil dari beberapa responden menyatakan 62% responden setuju jika beberapa website yang belum mampu menyesuaikan ukuran tampilan web, 54% responden setuju bahwa desain yang responsive mempengaruhi faktor kenyamanan responden, 60% responden setuju bahwa konten utama dan fungsionalitas dari website yang sulit diakses melalui perangkat mobile, 56% responden setuju bahwa tampilan website yang kurang responsive berpengaruh buruk terhadap faktor kenyamanan responden, 52% responden setuju bahwa website yang belum mampu menyesuaikan ukuran pada tiap perangkat mobile. Dari hasil review tersebut dapat disimpulkan bahwa website yang tidak responsive mempengaruhi ketidak nyamanan para pengguna untuk mengakses informasi melalui website online.

Sign in / Sign up

Export Citation Format

Share Document