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 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.

Governance Disclosure on the Internet by Leading Indian Public Sector Companies

Think India ◽  
2019 ◽  
Vol 22 (2) ◽  
pp. 174-187
Author(s):  
Harmandeep Singh ◽  
Arwinder Singh
Keyword(s):  
Public Sector ◽  
Financial Information ◽  
Three Dimensions ◽  
The Internet ◽  
Web Pages ◽  
Non Profit ◽  
Index Approach ◽  
Significant Difference ◽  
Governance Disclosure ◽  
The Web

Nowadays, internet satisfying people with different services related to different fields. The profit, as well as non-profit organization, uses the internet for various business purposes. One of the major is communicated various financial as well as non-financial information on their respective websites. This study is conducted on the top 30 BSE listed public sector companies, to measure the extent of governance disclosure (non-financial information) on their web pages. The disclosure index approach to examine the extent of governance disclosure on the internet was used. The governance index was constructed and broadly categorized into three dimensions, i.e., organization and structure, strategy & Planning and accountability, compliance, philosophy & risk management. The empirical evidence of the study reveals that all the Indian public sector companies have a website, and on average, 67% of companies disclosed some kind of governance information directly on their websites. Further, we found extreme variations in the web disclosure between the three categories, i.e., The Maharatans, The Navratans, and Miniratans. However, the result of Kruskal-Wallis indicates that there is no such significant difference between the three categories. The study provides valuable insights into the Indian economy. It explored that Indian public sector companies use the internet for governance disclosure to some extent, but lacks symmetry in the disclosure. It is because there is no such regulation for web disclosure. Thus, the recommendation of the study highlighted that there must be such a regulated framework for the web disclosure so that stakeholders ensure the transparency and reliability of the information.

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.

Libraries and Cloud Computing Models

2014 ◽  
pp. 124-149
Author(s):  
Satish C. Sharma ◽  
Harshila Bagoria
Keyword(s):  
Cloud Computing ◽  
Case Studies ◽  
Geographic Location ◽  
Third Party ◽  
The Internet ◽  
Major Topic ◽  
Or Organization ◽  
The Web ◽  
Computing Models ◽  
The Way

Cloud computing is a new breed of service offered over the Internet, which has completely changed the way one can use the power of computers irrespective of geographic location. It has brought in new avenues for organizations and businesses to offer services using hardware or software or platform of third party sources, thus saving on cost and maintenance. It can transform the way systems are built and services delivered, providing libraries with an opportunity to extend their impact. Cloud computing has become a major topic of discussion and debate for any business or organization which relies on technology. Anyone connected to the Internet is probably using some type of cloud computing on a regular basis. Whether they are using Google’s Gmail, organizing photos on Flickr, or searching the Web with Bing, they are engaged in cloud computing. In this chapter, an attempt has been made to give an overview of this technology, its connection with libraries, the models in which libraries can deploy this technology for providing services and augment the productivity of library staff and case studies.

Web Credibility of National Institute of Technology (NIT) Websites in India

2013 ◽  
pp. 163-180
Author(s):  
R. Jeyshankar ◽  
A. Jeyasundari ◽  
S. Muthamizharasi
Keyword(s):  
Academic Library ◽  
The Internet ◽  
Web Credibility ◽  
Institute Of Technology ◽  
Library Websites ◽  
The Web ◽  
The Way

The official Website of an academic library has a different role to play in the Internet scheme of disseminating information. In this respect, considerable thought should be given on the kind of information provided and the way of its presentation on the Web. This chapter aims to study NIT and its library Websites in India. The analysis of the data represents the extent and the level of credibility possessed by the NIT Websites in India, which is the key to any successful Website of any organization, especially of any academic library.

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.

Multilingual Web Sites in Global Electronic Commerce

2011 ◽  
pp. 823-828
Author(s):  
Shaoyi He
Keyword(s):  
Electronic Commerce ◽  
Web Sites ◽  
Web Site ◽  
The Internet ◽  
Web Content ◽  
Fortune 500 Companies ◽  
National Boundaries ◽  
The Many ◽  
Content Design ◽  
The Web

The World Wide Web (the Web), a distributed hypermedia information system that provides global access to the Internet, has been most widely used for exchanging information, providing services, and doing business across national boundaries. It is difficult to find out exactly when the first multilingual Web site was up and running on the Internet, but as early as January 1, 1993, EuroNews, the first multilingual Web site in Europe, was launched to simultaneously cover world news from a European perspective in seven languages: English, French, German, Italian, Portuguese, Russian, and Spanish. (EuroNews, 2005). In North America, Web site multilinguality has become an important aspect of electronic commerce (e-commerce) as more and more Fortune 500 companies rely on the Internet and the Web to reach out to millions of customers and clients. Having a successful multilingual Web site goes beyond just translating the original Web content into different languages for different locales. Besides the language issue, there are other important issues involved in Web site multilinguality: culture, technology, content, design, accessibility, usability, and management (Bingi, Mir, & Khamalah, 2000; Dempsey, 1999; Hillier, 2003; Lindenberg, 2003; MacLeod, 2000). This article will briefly address the issues related to: (1) language that is one of the many elements conforming culture, (2) culture that greatly affects the functionality and communication of multilingual Web sites, and (3) technology that enables the multilingual support of e-commerce Web sites, focusing on the challenges and strategies of Web site multilinguality in global e-commerce.

Branding on the Internet

2011 ◽  
pp. 57-63
Author(s):  
Mary Lou Roberts ◽  
Eric Schwaab
Keyword(s):  
Online Marketing ◽  
The Internet ◽  
Brand Experience ◽  
Consumer Experience ◽  
Direct Response ◽  
Brand Development ◽  
Key Concepts ◽  
Marketing Activities ◽  
The Web ◽  
The Way

Marketers have regarded the Internet as the consummate direct-response medium. The ability to interact one-on-one with customers and the ability to track their every move allowed precision targeting never before possible. More recently it has become clear that the Internet can also be used in branding efforts. The ability to blend direct-response and branding efforts is the Internet’s greatest benefit and its ultimate challenge to marketers. This article reviews evidence for the branding impact of online marketing activities. It also looks at the key concepts of interactivity and consumer experience online. It then presents a construct we call interactive brand experience and describes the Internet-specific techniques that can be used to orchestrate brand experience on the Web. It concludes by summarizing the implications of using the Internet for brand development and discussing the way in which branding on the Internet is evolving.

Web Authoring

2011 ◽  
pp. 122-156
Author(s):  
John DiMarco
Keyword(s):  
Web Applications ◽  
The Internet ◽  
Web Pages ◽  
Web Development ◽  
Web Page ◽  
Web Based ◽  
Content Creation ◽  
Microsoft Word ◽  
Software Skills ◽  
The Web

Web authoring is the process of developing Web pages. The Web development process requires you to use software to create functional pages that will work on the Internet. Adding Web functionality is creating specific components within a Web page that do something. Adding links, rollover graphics, and interactive multimedia items to a Web page creates are examples of enhanced functionality. This chapter demonstrates Web based authoring techniques using Macromedia Dreamweaver. The focus is on adding Web functions to pages generated from Macromedia Fireworks and to overview creating Web pages from scratch using Dreamweaver. Dreamweaver and Fireworks are professional Web applications. Using professional Web software will benefit you tremendously. There are other ways to create Web pages using applications not specifically made to create Web pages. These applications include Microsoft Word and Microsoft PowerPoint. The use of Microsoft applications for Web page development is not covered in this chapter. However, I do provide steps on how to use these applications for Web page authoring within the appendix of this text. If you feel that you are more comfortable using the Microsoft applications or the Macromedia applications simply aren’t available to you yet, follow the same process for Web page conceptualization and content creation and use the programs available to you. You should try to get Web page development skills using Macromedia Dreamweaver because it helps you expand your software skills outside of basic office applications. The ability to create a Web page using professional Web development software is important to building a high-end computer skills set. The main objectives of this chapter are to get you involved in some technical processes that you’ll need to create the Web portfolio. Focus will be on guiding you through opening your sliced pages, adding links, using tables, creating pop up windows for content and using layers and timelines for dynamic HTML. The coverage will not try to provide a complete tutorial set for Macromedia Dreamweaver, but will highlight essential techniques. Along the way you will get pieces of hand coded action scripts and JavaScripts. You can decide which pieces you want to use in your own Web portfolio pages. The techniques provided are a concentrated workflow for creating Web pages. Let us begin to explore Web page authoring.

Sign in / Sign up

Export Citation Format

Share Document