Responsive Web Design for Mobile Device Screen Optimization

2014 ◽  
Vol 548-549 ◽  
pp. 1460-1464
Author(s):  
Fong Yee Lee ◽  
Mohd Afizi bin Mohd Shukran ◽  
Chee Kong Wong
Keyword(s):  
Mobile Devices ◽  
Mobile Device ◽  
Web Design ◽  
Web Contents ◽  
Responsive Web Design ◽  
The Way

The robust development of the telecommunication technologies has boosted the massive production of the mobile devices such as smartphones, phablets, tablets, and laptops. The use of these mobile devices has experienced an explosive growth and come in vary screen sizes. This development has changed the way how web contents is organized and displayed on screen. This paper compares the different responsive approaches, which works well with various device screens. However, the main focus of this paper is on Responsive Web Design (RWD) since it is highly applicable. RWD techniques and tools, issues and reviews of RWD are also discussed in this paper. The objectives of this paper are finding the best responsive approach, identifying well practices and suggesting future works. Along this line, this paper serves, as a guide that enables designers and developers to gain better understanding of the RWD and hence improve their productivity.

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.

Enhancing the Performance of University’s Website for Mobile Devices Based on Responsive Web Design Approach

2017 ◽  
Vol 23 (11) ◽  
pp. 10969-10973
Author(s):  
Teh Shan Shan ◽  
Joe Henry Obit ◽  
Rayner Alfred ◽  
Asni Tahir
Keyword(s):  
Mobile Devices ◽  
Web Design ◽  
Design Approach ◽  
Responsive Web Design

scholarly journals Improving Web user Experience by Adapting RWD

2020 ◽  
Vol 9 (4) ◽  
pp. 1202-1205
Keyword(s):  
User Experience ◽  
Mobile Device ◽  
Web Design ◽  
The Other ◽  
Web Technologies ◽  
Responsive Web Design ◽  
Bundle Size ◽  
Fitting In ◽  
Limited Accuracy

Responsive Web Design (RWD) is a design which focuses on responsively fitting in whatever device the website is accessed from. It involves writing code for all possible screen sizes and bundling them together. Hence when the website is accessed, the whole bundle alongside the code for all screen sizes are downloaded to the user’s device and acts responsively when the browser window is resized, or the mobile device is rotated to portrait or landscape orientation. RWD can provide a far better user experience than the other designs because it primarily focuses on the user experience. Despite the bundle size being large, this method has proved to be robust in providing a better user experience and has evolved with evolution of web technologies. Latest CSS Media Queries make it possible to even target devices with limited accuracy. CSS Media Queries form the fundamentals of RWD because it is the most used way of targeting devices with various screen sizes.

scholarly journals HyMobWeb: A hybrid adaptation of context-sensitive Web interfaces with multimodality support in mobile devices

2017 ◽  
Vol 8 (2) ◽  
pp. 1
Author(s):  
Danilo Camargo Bueno ◽  
Luciana Martinez Zaina
Keyword(s):  
Mobile Devices ◽  
User Satisfaction ◽  
Web Design ◽  
Easy Access ◽  
Adaptation Capacity ◽  
Web Interfaces ◽  
Context Sensitive ◽  
Responsive Web Design ◽  
Hybrid Adaptation

The use of mobile devices to browse on the Web has become increasingly popular as a consequence of the easy access to the Internet. However, moving from the desktop development to the mobile platform features requests to the developers an important focus on the interaction elements which fit into the interaction demands. The frameworks front-end is the solution most adopted by Web developers for working with application’s adaptation supported by responsive Web design techniques. Nevertheless, this technique has shortcomings that directly impact in the interaction elements and user satisfaction. This article presents a hybrid adaptation approach of context-sensitive Web interfaces with multimodality support called HyMobWeb. The approach proposal is an expansion of the adaptation capacity of the application concerning the variables of the user context in combination with the different interaction methods. A case study was conducted and data collected showed the great acceptance of the proposal in the perspective of developers who used it. The findings suggest that HyMobWeb brings significative contributions to the developers’ work.

scholarly journals PENGEMBANGAN APLIKASI LOCATION BASED SERVICE UNTUK INFORMASI DAN PENCARIAN LOKASI PARIWISATA DI KOTA CIMAHI BERBASIS ANDROID

2016 ◽  
Vol 3 (1) ◽  
Author(s):  
Nova Agustina ◽  
Slamet Risnanto ◽  
Irwin Supriadi
Keyword(s):  
Mobile Phone ◽  
Mobile Devices ◽  
Foreign Exchange ◽  
Mobile Device ◽  
Mobile Networks ◽  
Information Services ◽  
Location Based Service ◽  
Service Application ◽  
User Location ◽  
The Way

[Id] Pariwisata adalah salah satu sektor yang dapat diandalkan sebagai sumber devisa negara. Dalam perjalanan untuk mencari lokasi terdekat ke lokasi pariwisata yang diinginkan, untuk mencari lokasi pariwisata yang ada di Kota Cimahi melalui perangkat mobile menjadi sangat penting mengingat wisatawan yang sulit untuk menemukan lokasi pariwisata. Location based service (LBS) merupakan salah satu layanan informasi yang memanfaatkan kemampuan penunjuk lokasi pada perangkat mobile dan dapat diakses melalui jaringan mobile. Tujuan dari penelitian ini adalah untuk menghasilkan suatu aplikasi Location Based Service pada perangkat mobile Android yang mampu membantu untuk mencari informasi dan lokasi pariwisata dari lokasi user berikut rute yang dapat ditempuh menuju lokasi pariwisata tersebut. Berdasarkan hasil dari implementasi dan ujicoba yang dilakukan maka dapat ditarik kesimpulan bahwa aplikasi Location Based Service yang dibuat dapat membantu user untuk mencari informasi, lokasi pariwisata dan juga menentukan rute yang dapat ditempuh menuju lokasi pariwisata tersebut. Kata kunci: Location Based Service (LBS), pariwisata, mobile, Android [en] Tourism is one of the sectors that can be relied upon as a source of foreign exchange of the country. On the way to find the nearest location to the location of the desired tourism, to search for the location of the exiting tourism in Cimahi throught mobile device becomes very important given the tourists harder to find the locations of tourism. Location based service (LBS) is one of the information services which is using the ubility of locations tracking on mobile phone and it can be accessed through mobile networks. The purpose of this paper is to produce a Location Based Service applications on Android mobile devices that can help to find information and locations of tourism from the user location along with the routes of the tourism. Based on the results of implementation and some test that have been done, it can be concluded that the Location Based Service application helps the users to find information, tourism location and also helps them to decide with route to the tourism that can be taken bests. Keywords: Location Based Service (LBS), tourism, mobile, Android

scholarly journals Coping with the challenges of open online education in Chinese societies in the mobile era: NTHU OCW as a case study

2014 ◽  
Vol 15 (3) ◽  
Author(s):  
Shelley Shwu-Ching Young ◽  
Hui-Chun Hung
Keyword(s):  
Online Education ◽  
Mobile Devices ◽  
Rapid Development ◽  
Web Design ◽  
Fair Use ◽  
Open Educational Resources ◽  
Research Issues ◽  
Chinese Societies ◽  
Critical Issues ◽  
Responsive Web Design

<p>In an era witnessing the rapid development of information technology, mobile devices have brought revolutionary changes to learning. A single conventional media platform is not enough for the various mobile devices. Technology-enriched educational environments supported by different devices are important research issues nowadays. To capture the rapid growth of mobile users in Chinese societies, OpenCourseWare (OCW) needs to move their learning models toward the mobile sphere. Therefore, this study reports the three years of empirical experience in implementing the upgraded National Tsing Hua University OCW platform and analyzes how users access the platform with various devices. The results indicate a responsive web design and cloud-computing provide great accessibility to meet the diversity of various mobile devices from Chinese users throughout the world, including 466,429 visits with 264 different mobile devices from 146 territories. Moreover, the proposed solutions make the workflow of OCW production more efficient. The study further discussed the importance of both tablets and smartphones. Moreover, to expand the reach of open educational resources (OER) in Chinese societies, the critical issues of fair use and sustainability of OER should be of concern. The findings of the study provide valuable references for web engineers and educators to explore cross-device online learning using PCs and mobile devices.</p>

THE EFFECT OF RESPONSIVE WEB DESIGN ON THE USER EXPERIENCE WITH LAPTOP AND SMARTPHONE DEVICES

2015 ◽  
Vol 77 (4) ◽  
Author(s):  
Azham Hussain ◽  
Emmanuel O.C. Mkpojiogu
Keyword(s):  
User Experience ◽  
Ebola Virus ◽  
Virus Disease ◽  
Web Design ◽  
The Internet ◽  
Web Pages ◽  
Web Content ◽  
Responsive Web Design ◽  
The Web ◽  
The Way

The introduction of smartphones with their accompanying capacity to access the Internet, changed the way the Internet is used. Many people now use mobile devices to browse the Web. However, the varying screen sizes of these devices portend some impact on their users’ experience, as the Web content on the devices vary in size and the navigation of pages are also different in the various devices. The advent of the responsive web design (RWD) philosophy, revolutionized the way Web pages are designed and the way they appear to the users in the various devices. RWD makes Web pages to adjust to the size of any devices’ screen irrespective of the device type. In this study, the effect of responsive web design of the user experience witha laptop and smartphone devices while using the e-Ebola Awareness System, (a Web based health awareness portal for Ebola virus disease), was measured and evaluated. The results revealed that users had a better user experience with Smartphones than with laptops while using the system, however, for most of the metrics collected, users’ experiences with the two device types were not significantly different at 95% level of confidence, implying that for those metrics, the responsive web design had a similar effect on the users’ experiences and attitudes

The Complexities of Using Mobiles at Work

2020 ◽  
pp. 338-352
Author(s):  
Keri K. Stephens
Keyword(s):  
Mobile Devices ◽  
Personal Communication ◽  
Personal Life ◽  
Bring Your Own Device ◽  
Self Management ◽  
Communication Tools ◽  
The Way ◽  
Mobile Use

Mobile devices have diffused into work by transitioning from being organizational assets to personal communication tools. This chapter examines the perceptions and practices of diverse types of workers, located around the globe, and reveals the often-hidden complexities surrounding mobile use at work. People can use their mobiles to be productive and connected on the job, but they also face challenges. The shift in control over communication means that organizations have reacted by creating bring-your-own-device-to-work policies, banning their employees from using personal mobiles, and practically forcing workers to provide their own devices and be accessible 24/7. Along the way, workers have had to negotiate with co-workers, managers, clients, friends, strangers, and family concerning how and when they use their mobiles. As they try to build bridges between work and personal life, struggles with self-management and temporal mismatches in the form of reachability can emerge.

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.

Sign in / Sign up

Export Citation Format

Share Document