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

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.

Author(s):  
Irene Chen ◽  
Jane Thielemann

The teacher knows principles of Web page design and uses a variety of tools and techniques to design and troubleshoot Web pages for a diverse audience.


2021 ◽  
Vol 13 (1) ◽  
pp. 62-73
Author(s):  
Fernando Almeida ◽  
José Augusto Monteiro

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.


Author(s):  
Carmen Domínguez-Falcón ◽  
Domingo Verano-Tacoronte ◽  
Marta Suárez-Fuentes

Purpose The strong regulation of the Spanish pharmaceutical sector encourages pharmacies to modify their business model, giving the customer a more relevant role by integrating 2.0 tools. However, the study of the implementation of these tools is still quite limited, especially in terms of a customer-oriented web page design. This paper aims to analyze the online presence of Spanish community pharmacies by studying the profile of their web pages to classify them by their degree of customer orientation. Design/methodology/approach In total, 710 community pharmacies were analyzed, of which 160 had Web pages. Using items drawn from the literature, content analysis was performed to evaluate the presence of these items on the web pages. Then, after analyzing the scores on the items, a cluster analysis was conducted to classify the pharmacies according to the degree of development of their online customer orientation strategy. Findings The number of pharmacies with a web page is quite low. The development of these websites is limited, and they have a more informational than relational role. The statistical analysis allows to classify the pharmacies in four groups according to their level of development Practical implications Pharmacists should make incremental use of their websites to facilitate real two-way communication with customers and other stakeholders to maintain a relationship with them by having incorporated the Web 2.0 and social media (SM) platforms. Originality/value This study analyses, from a marketing perspective, the degree of Web 2.0 adoption and the characteristics of the websites, in terms of aiding communication and interaction with customers in the Spanish pharmaceutical sector.


1999 ◽  
Vol 03 (03) ◽  
pp. 271-286 ◽  
Author(s):  
KAY CHUAN TAN ◽  
MIN XIE ◽  
XIAO-XIANG SHEN

Quality and innovation are two main issues involved in product development. When faced with increasingly intense competition from both national and international competitors, organisations usually consider quality and innovation as sources of competitive advantage. Customer satisfaction can be met and exceeded by providing customers with innovative products of high quality. Focusing on the early phases of product development, this paper suggests the combined use of quality function deployment and Kano's model. A case example is presented by employing the proposed method in a World Wide Web page design process. Customer requirements on Web pages were clearly recognised and deeply analysed. Also, further technical features were identified for delivering attractive Web pages. The results from the case example support the proposed framework as a means of innovative product development and attractive quality creation.


2021 ◽  
Vol 3 (1) ◽  
pp. 59-66
Author(s):  
Muhammad Rehan Anwar ◽  
Marviola Hardini ◽  
Mey Anggraeni

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.


Author(s):  
Tanja Krunić

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.


Author(s):  
Jess McMullin ◽  
Connie K. Varnhagen ◽  
Pheng Heng ◽  
Xornam Apedoe

The World Wide Web (Web) is becoming a popular medium for transmission of information and online learning. We need to understand how people comprehend information from the Web to design Web sites that maximize the acquisition of information. We examined two features of Web page design that are easily modified by developers, namely line length and the amount of surrounding information, or whitespace. Undergraduate university student participants read text and answered comprehension questions on the Web. Comprehension was affected by whitespace; participants had better comprehension for information surrounded by whitespace than for information surrounded by meaningless information. Participants were not affected by line length. These findings demonstrate that reading from the Web is not the same as reading print and have implications for instructional Web design.


2017 ◽  
pp. 37-47
Author(s):  
Karol Król

The aim of the paper was to recognize the graphic (design) form taken most frequently by the websites of agrotouristic farms and whether the newest design trends are applied in designs of such websites. 282 websites were subject to the inspective surveys, which declared that they are conducting agritourism activities. Occuring design concepts such as: responsive web design, one-page, long-page, flat design, material design and hero image were verified during the tests. Not one flat design or material design created in the concept were noted in the set of the surveyed websites. The most popular design solution was so called a carousel of images. Only one website was estimated as compatible with the trend called one-page design. Concepts of responsiveness as well as hero image were slightly more popular. The websites from the tested set were mostly performed in a classic, conservative way according to the design standards from the years 2008–2012.


2014 ◽  
Vol 687-691 ◽  
pp. 2415-2418
Author(s):  
Yue Qi ◽  
Hao Qi ◽  
Xu Dan Zhou ◽  
Shao Jian Li

In today's information society with fierce market competition, the image of the well-known enterprises develop with the eras and adapt to enterprise development process, strengthening moderately, strengthening image planning design and subsequent modification are very necessary. Enterprise CI image and the spread of web design have become corporate image strategies, web image recognition design must create the corporate image which can represent the enterprise image, business strategy of the brand image. This paper analysis web page design from the enterprise CI brand characteristics, representing beauty and harmony, and have a visual experience.


Sign in / Sign up

Export Citation Format

Share Document