Responsive web design commitment by the web developers in Palestine

2018 ◽  
Author(s):  
Fawwaz Yousef Alnawaj'ha ◽  
Mohammed Saeed Abutaha
Keyword(s):  
Web Design ◽  
Responsive Web Design ◽  
Web Developers ◽  
The Web

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.

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.

A Framework for Improving Web 2.0 Interaction Design

2015 ◽  
Vol 37 ◽  
pp. 156 ◽  
Author(s):  
Mohammad Hajarian
Keyword(s):  
Interaction Design ◽  
New Technology ◽  
Web Design ◽  
Web Page ◽  
Web Page Design ◽  
Page Design ◽  
Web Developers ◽  
Research Author ◽  
The Web ◽  
New Framework

Interaction design of websites has been changed during last decade, yet principles of interaction design and frameworks seem not to be updated based on the new technology and findings. Moreover most of the web developers are just trying to copy other famous companies’ works, because they do not have any idea what standards they have to follow, and this is not because there is not any frameworks and standards but it is because these frameworks do not meet new technology requirements. Although most of the research on interaction design did not consider elements such as Ajax pages and different type of device’s screen size such as tablets and phones (and they influence on web page design), in this research author has reviewed different principles of interaction design in different studies and based on these studies and recent changes in technology, suggested a new framework. Furthermore two round study was performed on a social network website, one before implementing this framework and the other one after implementing it. Additionally findings were evaluated to show that by implementing this framework in web design not only developers, but users will benefit from it.

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

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.

scholarly journals Graphic design and placement of map tools in mobile map application

2019 ◽  
Vol 1 ◽  
pp. 1-1
Author(s):  
Tymoteusz Horbinski ◽  
Beata Medynska-Gulij ◽  
Paweł Cybulski
Keyword(s):  
Graphic Design ◽  
Subjective Evaluation ◽  
Web Design ◽  
Research Problem ◽  
Task Execution ◽  
Online Questionnaire ◽  
Mobile Mapping ◽  
Tracking Method ◽  
Web Mapping ◽  
The Web

<p><strong>Abstract.</strong> <strong>Research problem</strong>: The analysis of the user’s preferences concerning the layout and graphic design of mapping tools in the mobile mapping application is the problem touched upon in the research. The authors focused on six public web mapping services (Google Maps, Bing Maps, Here WeGo, ArcGis Maps and the Polish geoportal: geoportal.gov.pl), analyzing them in terms of their graphic variability and the functionality of their mapping tools.</p><p>The <strong>aim</strong> of the research carried out was to test the user’s preferences concerning the number and layout of buttons in the web mapping service. The research also touched upon the issue of variability in graphic web design of mapping tools in mobile cartography. The authors concentrated on the following six mapping tools, also referred to as buttons: Geolocation, Change layers, Search, Default range maps, Measure, Route. Those functions most frequently occurred on selected web mapping services. The authors could learn about their usefulness through subjective choices of respondents.</p><p><strong>Method</strong>: One hundred respondents took part in the research and, by means of the anonymous online questionnaire, they answered some questions and decided upon the number, layout and visual aspect of buttons. The comparison of subjective user’s preferences in the layout of mapping tools to the system of public web mapping services has made the research innovative.</p><p>The <strong>results</strong> obtained allow one to draw the conclusion that the user’s preferences differ from the solutions utilized on mapping portals and have been employed for the comparative analysis of the eight most popular global web mapping services. The study conducted by means of the eye-tracking method demonstrated that objective functionality (time and method of specific task execution) differs from subjective evaluation made by map users on smartphones and large desktop display screens.</p>

scholarly journals RANCANG BANGUN SISTEM INFORMASI PENGADUAN LAYANAN SARPRAS DI UNIVERSITAS TEKNOLOGI SUMBAWA BERBASIS WEB

2021 ◽  
Vol 3 (1) ◽  
pp. 308-315
Author(s):  
Herfandi ◽  
Yuliadi ◽  
Sultan Naufal Abdillah ◽  
Eri Sasmita Susanto
Keyword(s):  
Web Design ◽  
Responsive Web Design

Penelitian ini bertujuan untuk membangun sistem informasi pengaduan layanan yang ditujukan kepada bidang sarana dan prasarana di Universitas Teknologi Sumbawa (UTS) yang dapat menampung keluhan civitas akademika terkait kondisi sarana dan prasarana di UTS sehingga direktorat sarana dan prasarana dapat melakukan kontrol terhadap pelayanan yang diberikan, dan dapat dicapai kenyamanan dan kepuasan civitas akademika terhadap fasilitas sarana dan prasarana di UTS. Sistem informasi ini dibangun menggunakan framework Laravel dengan menerapkan responsive web design (RWD) dan single page application (SPA) sehingga memberikan akses pada perangkat komputer atau smartphone dengan tampilan rapih dan waktu memuat aplikasi yang cepat.

Sign in / Sign up

Export Citation Format

Share Document