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.

Adapting Web Sites for Mobile Devices - A Comparison of Different Approaches

2011 ◽  
pp. 278-290
Author(s):  
Henrik Stormer
Keyword(s):  
Web Service ◽  
Mobile Devices ◽  
Mobile Device ◽  
Web Sites ◽  
Display Size ◽  
Cell Phones ◽  
Personal Digital Assistants ◽  
Data Input ◽  
Almost All ◽  
The Web

With the rise of mobile devices like cell phones and personal digital assistants (PDAs) in the last years, the demand for specialized mobile solutions grows. One key application for mobile devices is the Web service. Currently, almost all Web sites are designed for stationary computers and cannot be shown directly on mobile devices because of their limitations. These include a smaller display size, delicate data input facilities and smaller bandwidth compared to stationary devices. To overcome the problems and enable Web sites also for mobile devices, a number of different approaches exist which can be divided into client and server based solutions. Client based solutions include all attempts to improve the mobile device, for example by supporting zoom facilities or enhance the data input. Server based solutions try to adapt the pages for mobile devices. This chapter concentrates on server-based solutions by comparing different ways to adapt Web sites for mobile devices. It is assumed that Web sites designed for stationary devices already exist. Additionally, it concentrates on the generation of HTML pages. Other languages, designed especially for mobile devices like WML or cHTML, are not taken into account simply because of the improvement of mobile devices to show standard HTML pages. The following three methods are generally used today: Rewrite the page, use an automatic generator to create the page, or try to use the same page for stationary and mobile devices. This chapter illustrates each method by adapting one page of the electronic shop software eSarine. Afterwards, the methods are compared using different parameters like the complexity of the approach or the ease of integration in existing systems.

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 Responsive Web Design Techniques

2017 ◽  
Vol 23 (3) ◽  
pp. 37-42 ◽  
Author(s):  
Luminita Giurgiu ◽  
Ilie Gligorea
Keyword(s):  
Web Design ◽  
User Preferences ◽  
Design Concept ◽  
Responsive Design ◽  
Responsive Web Design ◽  
Official Site ◽  
Web Designers ◽  
Viewing Experience ◽  
Design Techniques

Abstract First introduced by Ethan Marcotte in 2010 in his article Responsive Web Design, responsive design concept refers to the ability of a website to adapt to different resolutions and devices on which it is displayed (PCs, laptops, tablets, smartphones, etc.) without undergoing degradation. The site should recognize what device it is displayed on and automatically respond to user preferences. This approach comes to the aid of those who were forced to do a lot of versions of the site, so that it can be accessed from the iPad, Blackberry, Kindle, netbook, iPhone and so on[1], and becomes today a necessity. While using the same code and URL, a responsive website can provide an optimum viewing experience - without resizing, panning or scrolling on most of the devices. Web designers approached approach the new challenge with many and various solutions. To keep up with the transformations emerging in web design, this article intends to discuss the issues applied to the Land Forces Academy’s official site.

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.

Visual Identity Design for Responsive Web

2019 ◽  
pp. 1828-1836
Author(s):  
Sunghyun Ryoo Kang ◽  
Debra Satterfield
Keyword(s):  
Web Design ◽  
Design Strategies ◽  
Visual Identity ◽  
Responsive Web Design ◽  
A Site ◽  
The Web

Responsive web design, which works for multiple screen sizes and devices, has changed the web ecosystem. However, maintaining a strong and consistent visual identity in a responsive web design is challenging because of the nature of its flexible or liquid layout and navigation. The purpose of this chapter is to identify design strategies for managing the visual identity of a site, the placement of images, and navigation methods that work consistently across the framework of responsive websites and devices.

Visual Identity Design for Responsive Web

2018 ◽  
pp. 8079-8086
Author(s):  
Sunghyun Ryoo Kang ◽  
Debra Satterfield
Keyword(s):  
Web Design ◽  
Design Strategies ◽  
Visual Identity ◽  
Responsive Web Design ◽  
A Site ◽  
The Web

Responsive Web Design, a flexible that works for multiple screen sizes and devices, has changed the web eco system. However, maintaining a strong and consistent visual identity in a responsive web design is challenging because of nature of its flexible or liquid layout and navigation. The purpose of this study is to identify design strategies for managing the visual identity of a site, the placement of images, and navigation methods that work consistently across the framework of responsive websites and devices.

Human-Computer Interaction

2010 ◽  
pp. 120-137 ◽  
Author(s):  
Susana Berenice Vidrio Barón
Keyword(s):  
Human Computer Interaction ◽  
Design Process ◽  
Web Site ◽  
Web Design ◽  
User Acceptance ◽  
Electronic Government ◽  
Website Design ◽  
Science Management ◽  
The Web ◽  
Computer Interaction

Human Computer Interaction is a relatively new field. It has borrowed theories, techniques, and tools from such diverse disciplines such as computer science, management of information systems, sociology, anthropology, psychology, and design. The Web design process needs to evolve in order to include the constructs and tools provided by multidisciplinary research. Culture has been proven to have a direct influence in the way a Web site can be both evaluated and designed. In order to attract and retain users, electronic government Web site designers must acknowledge that culture plays a key role when it comes to user acceptance. The best way to approach the users, who in the case of an electronic government are the citizens, is a citizen-centered approach that must be incorporated into the Website design process.

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.

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
Sign in / Sign up

Export Citation Format

Share Document