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.

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.

A Proposed Template for the Evaluation of Web Design Strategies

2009 ◽  
pp. 293-317 ◽  
Author(s):  
Dimitrios Xanthidis ◽  
David Nicholas ◽  
Paris Argyrides
Keyword(s):  
Web Sites ◽  
Web Site ◽  
Web Design ◽  
International Literature ◽  
Design Strategies ◽  
The World ◽  
The Subject ◽  
Work Done ◽  
The Web

This chapter is the result of a two years effort to design a template aiming at standardizing, as much as such a task is feasible, the evaluation of Web sites. It is the product of a few publications in international conferences and journals. A thorough review of the international literature on the subject led the authors to conclude there is a very large number of opinions, thoughts and criteria from different professionals involved, directly or indirectly, with the process of designing a good Web site. To make matters even more complicated there are a number of different terms used by various scholars, scientists and professionals around the world that often refer to similar, if not the same, attributes of a Web site. However, it seems that all these differences could boil down to a systematic approach, here called evaluation template, of 53 points that the design strategies of the Web sites should be checked against. This template was tested on a significant number (232) of Web sites of Greek companies and proved it can be used to evaluate the quality of Web sites not only by technology experts but by non-experts alike. The evaluation template, suggested here, is by no means the solution to the problem of standardizing the process of evaluating a Web site but looking at other work done on the subject worldwide it is a step ahead.

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 Proposed Template for the Evaluation of Web Design Strategies

2011 ◽  
pp. 119-144
Author(s):  
Dimitrios Xanthidis ◽  
David Nicholas ◽  
Paris Argyrides
Keyword(s):  
Web Sites ◽  
Web Site ◽  
Web Design ◽  
International Literature ◽  
Design Strategies ◽  
The World ◽  
The Subject ◽  
Work Done ◽  
The Web

This chapter is the result of a two years effort to design a template aiming at standardizing, as much as such a task is feasible, the evaluation of Web sites. It is the product of a few publications in international conferences and journals. A thorough review of the international literature on the subject led the authors to conclude there is a very large number of opinions, thoughts and criteria from different professionals involved, directly or indirectly, with the process of designing a good Web site. To make matters even more complicated there are a number of different terms used by various scholars, scientists and professionals around the world that often refer to similar, if not the same, attributes of a Web site. However, it seems that all these differences could boil down to a systematic approach, here called evaluation template, of 53 points that the design strategies of the Web sites should be checked against. This template was tested on a significant number (232) of Web sites of Greek companies and proved it can be used to evaluate the quality of Web sites not only by technology experts but by non-experts alike. The evaluation template, suggested here, is by no means the solution to the problem of standardizing the process of evaluating a Web site but looking at other work done on the subject worldwide it is a step ahead.

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>

Sign in / Sign up

Export Citation Format

Share Document