Explore chapters and articles related to this topic
Creating Effective Web Pages and Sites
Published in Marsha Ann Tate, Web Wisdom, 2018
Web creators can use several different approaches to adapting Web content for mobile technologies. One method is to create a second simplified website specifically designed for use on mobile devices. However, making and maintaining two versions of a website is a time-consuming and cumbersome process. As a result, web creators are turning to “responsive Web design” as an alternative to contending with two websites. In short, responsive Web design allows Web page content to automatically scale to the screen of the device it is being viewed upon (Parcell 2013).
Client-Side Technologies
Published in Akshi Kumar, Web Technology, 2018
The biggest advantage of using Bootstrap is that it consists of tools for creating flexible and responsive web layouts, as well as common interface components. Responsive web design is about creating web sites that automatically adjust themselves to look good on all devices, from small phones to large desktops. Bootstrap uses a variety of techniques, such as grid systems and flexible images, to adjust to desktops, tablets, and mobile phones. This ensures that a user’s experience with a web site is not diminished.
An inductive experimental approach to developing a web-based travel survey builder: developing guidelines to design an efficient web-survey platform
Published in Transportation Planning and Technology, 2021
Brittany Chung, Siva Srikukenthiran, Eric J. Miller, Khandker Nurul Habib
Throughout the iterative process of developing and testing trip question designs, many valuable lessons are learned. The mouse movement tracking study, in particular, reveals many small but essential usability concerns. The following are some key, overall lessons learned: Respondents appreciate short, simple instructions guiding them through the question.Ensure a simple, decluttered interface so that respondents are not overwhelmed by the information presented on the page.A graphically pleasing design that provides respondents feedback after every task motivates respondents to complete the survey.Since users often remember short trips mid-way through their survey, a very forgiving design is needed.Responsive web design is needed to cater to a range of screen sizes and improve usability. A mobile responsive design is essential, and a tablet responsive design may be necessary as well.Asking respondents to adjust waypoints of their routes is a difficult task. Many respondents inaccurately drop waypoints while too zoomed out of the map or try routes (particularly small walking and biking paths) that are currently not mapped into the Google Maps API.Iterative designs and usability tests are necessary steps in the survey design process to reduce the respondent burden for any web-based travel survey.