scholarly journals Issues in adapting web content to be displayed on devices with various screen shapes using a JavaScript built screen shape simulator

2020 ◽  
Vol 4 (1) ◽  
Author(s):  
Tanja Krunić
Keyword(s):  
Rapid Development ◽  
Web Design ◽  
Smart Devices ◽  
Web Pages ◽  
Web Content ◽  
Outdoor Advertising ◽  
Web Standards ◽  
Testing Tool ◽  
Responsive Web Design ◽  
Indoor And Outdoor

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.

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.

Extracting Top-k Company Acquisition Relations From the Web

2017 ◽  
Vol 13 (4) ◽  
pp. 27-41 ◽  
Author(s):  
Jie Zhao ◽  
Jianfei Wang ◽  
Jia Yang ◽  
Peiquan Jin
Keyword(s):  
Rapid Development ◽  
Relation Extraction ◽  
Experimental Results ◽  
Competitive Intelligence ◽  
Web Pages ◽  
Web Content ◽  
Web Page ◽  
Competitive Strategies ◽  
The Web ◽  
Novel Algorithm

Company acquisition relation reflects a company's development intent and competitive strategies, which is an important type of enterprise competitive intelligence. In the traditional environment, the acquisition of competitive intelligence mainly relies on newspapers, internal reports, and so on, but the rapid development of the Web introduces a new way to extract company acquisition relation. In this paper, the authors study the problem of extracting company acquisition relation from huge amounts of Web pages, and propose a novel algorithm for company acquisition relation extraction. The authors' algorithm considers the tense feature of Web content and classification technology of semantic strength when extracting company acquisition relation from Web pages. It first determines the tense of each sentence in a Web page, which is then applied in sentences classification so as to evaluate the semantic strength of the candidate sentences in describing company acquisition relation. After that, the authors rank the candidate acquisition relations and return the top-k company acquisition relation. They run experiments on 6144 pages crawled through Google, and measure the performance of their algorithm under different metrics. The experimental results show that the algorithm is effective in determining the tense of sentences as well as the company acquisition relation.

User Model of Personalized Search Engine for Product Design Based on Machine Learning

2011 ◽  
Vol 460-461 ◽  
pp. 747-753
Author(s):  
Ying Shi Kang ◽  
Hai Ning Wang
Keyword(s):  
Machine Learning ◽  
Product Design ◽  
Search Engine ◽  
Interaction Design ◽  
Hot Spot ◽  
Rapid Development ◽  
Web Design ◽  
Internet Technology ◽  
Web Pages ◽  
Personalized Search

With the rapid development of internet technology, focusing on the product design of individual users, emphasizing the interaction design for Web and improving the user experience have become an inevitable trend of Web design, and also the hot spot of the design of personalized search engine. This paper proposed an optimized algorithm for building user models for product design websites. In order to show the design dimensions of Web pages presented by a browser, a concept of freshness is presented in this algorithm. By analyzing the user behavior of browsing Web pages, the model was updated using methods of machine learning. At last, the performance and effectiveness of this algorithm was analyzed and estimated through the simulation experiment.

Online Credibility and Information Labor

2012 ◽  
pp. 37-55 ◽  
Author(s):  
Nathan Johnson
Keyword(s):  
Science And Technology Studies ◽  
Modern World ◽  
Web Pages ◽  
Web Browsers ◽  
Web Content ◽  
Power Structures ◽  
Web Page ◽  
Web Standards ◽  
Significant Case ◽  
Information Labor

This chapter examines how information infrastructure influences ethos in information labor. The primary text is discourse about ACID3, a web page created by members of the Web Standards Project. ACID3 tests the compliance of infrastructural standards for web browsers. In addition to analyzing ACID3 code, several other related conference presentations, job announcements, and web pages are analyzed to theorize ACID3 as a rhetorical text. This chapter argues that three rhetorical commonplaces (mastery, purity, infallibility) are central for the credibility of ACID3 as a text of legitimacy. This study provides a better understanding of rhetoric and infrastructure. To understand rhetorics of infrastructural standardization is to understand the power structures embedded within the modern world. ACID3 is a significant case because of its criticality for standards that enable publics to publish Web content. This chapter contributes to literature in information infrastructural studies, science and technology studies, and the rhetoric of science.

scholarly journals Functionality similarities of global web mapping services in the context of responsive map design

2019 ◽  
Vol 1 ◽  
pp. 1-1 ◽  
Author(s):  
Tymoteusz Horbinski ◽  
Paweł Cybulski
Keyword(s):  
User Interface ◽  
Graphical User Interface ◽  
Web Design ◽  
Web Content ◽  
Screen Size ◽  
Web Mapping ◽  
Responsive Design ◽  
Map Design ◽  
Responsive Web Design ◽  
External Conditions

<p><strong>Abstract.</strong> <strong>The problem</strong> discussed in this research is connected with the functionality of the graphical user interface (GUI) of global web mapping services displayed on different devices. Displaying a mapping service on devices with diverse display screen size causes the adaptation of the graphical user interface to the size of the screen. This adaptation is the result of the responsive design technique which enables one to display the same web content on different devices. Eight global web mapping services: Google Maps, Bing Maps, OpenStreetMap (OSM), Baidu Maps, Yandex Maps, 2GIS, MapQuest, and HERE WeGo, constituted the source of the data. All of them were displayed on four display screens: the monitor of a personal computer, laptop, tablet, and smartphone in order to compare the similarities in the adaptation of GUI, its functions and map content.</p><p><strong>The aim of the research</strong> conducted was to find different solutions for displaying GUI of the same mapping service on diverse display screens of various devices and to track which functions are the most common and how they differ in terms of graphics.</p><p><strong>Methodology</strong> of the research is based on the comparative analysis of eight global web mapping services in terms of the number of GUI buttons, their layout, graphic style, the map functionality, and map content displayed on four devices of different display screen size.</p><p><strong>The results</strong> showed that most of the global web mapping services adapt to the device and their way of use. Some of them are also responsive in the context of external conditions. Interestingly, the adaptation between the PC monitor, laptop and tablet occurs only by changing the size of GUI buttons, other functions remaining the same. Only in the case of smartphones GUI adapts to the size of the device, the number of buttons decreases and their layout changes, new functionality is available (e.g. day/night mode), and the map content is more generalized. On that basis, authors concluded that GUI of global map services constituted a good example of responsive web design.</p>

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>

scholarly journals Investigating the Temporal Effect of User Preferences with Application in Movie Recommendation

2017 ◽  
Vol 2017 ◽  
pp. 1-10 ◽  
Author(s):  
Wen-Jun Li ◽  
Qiang Dong ◽  
Yan Fu
Keyword(s):  
Rapid Development ◽  
User Preferences ◽  
Mobile Internet ◽  
Smart Devices ◽  
Data Sets ◽  
Rating Data ◽  
Temporal Effect ◽  
Proposed Model ◽  
Target User ◽  
The Difference

As the rapid development of mobile Internet and smart devices, more and more online content providers begin to collect the preferences of their customers through various apps on mobile devices. These preferences could be largely reflected by the ratings on the online items with explicit scores. Both of positive and negative ratings are helpful for recommender systems to provide relevant items to a target user. Based on the empirical analysis of three real-world movie-rating data sets, we observe that users’ rating criterions change over time, and past positive and negative ratings have different influences on users’ future preferences. Given this, we propose a recommendation model on a session-based temporal graph, considering the difference of long- and short-term preferences, and the different temporal effect of positive and negative ratings. The extensive experiment results validate the significant accuracy improvement of our proposed model compared with the state-of-the-art methods.

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.

Sign in / Sign up

Export Citation Format

Share Document