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

scholarly journals Managing brand presence through social media: the case of UK football clubs

2014 ◽  
Vol 24 (2) ◽  
pp. 181-204 ◽  
Author(s):  
Jeff McCarthy ◽  
Jennifer Rowley ◽  
Catherine Jane Ashworth ◽  
Elke Pioch
Keyword(s):  
Social Media ◽  
Web Sites ◽  
Short Term ◽  
Content Type ◽  
Study Approach ◽  
Football Clubs ◽  
Multiple Case ◽  
Community Growth ◽  
Further Development

Purpose – The purpose of this paper is to contribute knowledge on the issues and benefits associated with managing brand presence and relationships through social media. UK football clubs are big businesses, with committed communities of fans, so are an ideal context from which to develop an understanding of the issues and challenges facing organisations as they seek to protect and promote their brand online. Design/methodology/approach – Due to the emergent nature of social media, and the criticality of the relationships between clubs and their fans, an exploratory study using a multiple case study approach was used to gather rich insights into the phenomenon. Findings – Clubs agreed that further development of social media strategies had potential to deliver interaction and engagement, community growth and belonging, traffic flow to official web sites and commercial gain. However, in developing their social media strategies they had two key concerns. The first concern was the control of the brand presence and image in social media, and how to respond to the opportunities that social media present to fans to impact on the brand. The second concern was how to strike an appropriate balance between strategies that deliver short-term revenue, and those that build longer term brand loyalty. Originality/value – This research is the first to offer insights into the issues facing organisations when developing their social media strategy.

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.

scholarly journals Salesperson adoption and usage of mobile sales configuration tools

2018 ◽  
Vol 20 (2) ◽  
pp. 168-190 ◽  
Author(s):  
Nodir Sanakulov ◽  
Sami Kalliomaa ◽  
Heikki Karjaluoto
Keyword(s):  
Primary Data ◽  
Structured Interviews ◽  
Contextual Data ◽  
Content Type ◽  
Personal Innovativeness ◽  
Study Approach ◽  
Media Channels ◽  
Business To Business ◽  
Further Development

PurposeThe purpose of this paper is to examine salespersons’ adoption and usage of mobile sales configuration tools (MSCT) and to identify areas for further development in this realm. Another objective is to offer a conceptualization of MSCT adoption.Design/methodology/approachFor this purpose, a qualitative case study approach was selected as the research method to better understand acceptance of a mobile configuration tool used by business-to-business (B2B) salespersons. Primary data were collected through semi-structured interviews, which included a series of open-ended questions to gain more detailed and contextual data.FindingsThe results obtained from the interviews indicated several important determinants of adoption of sales configuration tools, and three different personal innovativeness types were identified.Research limitations/implicationsThe current study has certain limitations that should be considered in future studies. First, the results of this study cannot be generalized in other contexts because of small number of participants (nine salespersons) included. Second, social desirability might have affected the results in a way that caused the salespersons to have been tempted to talk positively about MSCT.Practical implicationsBased on the findings several suggestions for managers and software developers are made such as further technical development of MSCT, development of common sales routine for all salespersons, mentoring new salespersons and establishing social media channels for salesperson to interact with each, share experience/knowledge.Originality/valueCurrent paper can serve as pathway toward understanding of MSCT adoption and usage as it opens new avenues as a source of hypotheses for a quantitative analysis of certain phenomena such as the correlation between MSCT usage and sales performance.

Development of agritourism as an innovative approach to agricultural complex management in Russia

2018 ◽  
Vol 10 (4) ◽  
pp. 458-466 ◽  
Author(s):  
Anna Polukhina ◽  
Vera Rukomoinikova
Keyword(s):  
Agricultural Development ◽  
Innovative Approach ◽  
Content Type ◽  
Study Approach ◽  
Tourism Management ◽  
The Russian Federation ◽  
Sociocultural Resources ◽  
Agricultural Tourism ◽  
Further Development

Purpose The purpose of this paper is to analyse the problems and prospects for the further development of agricultural tourism in Russia. The paper focuses on innovations in the agricultural complex, particularly on an innovative approach to agricultural tourism management. Design/methodology/approach The authors use statistical analysis and a case study approach as the main methods. The paper contains statistical data on agricultural complex and agritourism development in a number of Russian regions. The case study illustrates the prospects for implementing innovations in the management of an agricultural complex and the development of agritourism. Findings The research sheds light on the contemporary state of the agricultural complex in the Russian Federation and on the challenges for the development of agriculture during economic sanctions, with a related impact on exchange rates and the value of the Russian Ruble. Originality/value The paper comments on the sociocultural resources for agricultural development based on the results of a three-year study of tourism-based networking involving entrepreneurs, locals and state and municipal authorities.

Approaches and Principles for UX Web Experiences

2017 ◽  
Vol 12 (2) ◽  
pp. 49-65 ◽  
Author(s):  
Fernando Almeida ◽  
José Augusto Monteiro
Keyword(s):  
Life Cycle ◽  
Adaptive Design ◽  
Web Design ◽  
Test Phase ◽  
Key Factors ◽  
Structured Interviews ◽  
User Experiences ◽  
Responsive Design ◽  
Specific Device ◽  
Technology Life Cycle

The challenge of creating user experiences involves a panoply of multidisciplinary competences in terms of knowing tools, processes and the business itself. This study intends to identify and synthesize the main approaches and principles adopted by web design and e-business companies to create immersive user experiences. In order to achieve this objective, the authors conducted six semi-structured interviews with web design and e-business companies. They highlight that companies adopt specific-device design, responsive design and adaptive design approaches. Companies considered fundamental to attend technology life-cycle, heterogeneity of technologies and devices, identification of customer needs, relevance of test phase, scalability of applications, and accessibility and usability issues. Additionally, the customer experience testing is considered a key element to measure user experiences and companies expect that business and technological dimensions will be two key factors with future impact in their business.

scholarly journals HyMobWeb: A hybrid adaptation of context-sensitive Web interfaces with multimodality support in mobile devices

2017 ◽  
Vol 8 (2) ◽  
pp. 1
Author(s):  
Danilo Camargo Bueno ◽  
Luciana Martinez Zaina
Keyword(s):  
Mobile Devices ◽  
User Satisfaction ◽  
Web Design ◽  
Easy Access ◽  
Adaptation Capacity ◽  
Web Interfaces ◽  
Context Sensitive ◽  
Responsive Web Design ◽  
Hybrid Adaptation

The use of mobile devices to browse on the Web has become increasingly popular as a consequence of the easy access to the Internet. However, moving from the desktop development to the mobile platform features requests to the developers an important focus on the interaction elements which fit into the interaction demands. The frameworks front-end is the solution most adopted by Web developers for working with application’s adaptation supported by responsive Web design techniques. Nevertheless, this technique has shortcomings that directly impact in the interaction elements and user satisfaction. This article presents a hybrid adaptation approach of context-sensitive Web interfaces with multimodality support called HyMobWeb. The approach proposal is an expansion of the adaptation capacity of the application concerning the variables of the user context in combination with the different interaction methods. A case study was conducted and data collected showed the great acceptance of the proposal in the perspective of developers who used it. The findings suggest that HyMobWeb brings significative contributions to the developers’ work.

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 REVIEW KONSEP RESPONSIVE DESIGN DENGAN FRAMEWORK MATERIALIZE PADA WEBSITE

2017 ◽  
Vol 2 (1) ◽  
pp. 41-44
Author(s):  
Cindy Novianty
Keyword(s):  
Web Design ◽  
Responsive Design ◽  
Responsive Web Design

Responsive web design merupakan sebuah desain website yang dapat menyesuaikan tiap ukuran pada tiap device. Berdasarkan hasil dari beberapa responden menyatakan 62% responden setuju jika beberapa website yang belum mampu menyesuaikan ukuran tampilan web, 54% responden setuju bahwa desain yang responsive mempengaruhi faktor kenyamanan responden, 60% responden setuju bahwa konten utama dan fungsionalitas dari website yang sulit diakses melalui perangkat mobile, 56% responden setuju bahwa tampilan website yang kurang responsive berpengaruh buruk terhadap faktor kenyamanan responden, 52% responden setuju bahwa website yang belum mampu menyesuaikan ukuran pada tiap perangkat mobile. Dari hasil review tersebut dapat disimpulkan bahwa website yang tidak responsive mempengaruhi ketidak nyamanan para pengguna untuk mengakses informasi melalui website online.

Sign in / Sign up

Export Citation Format

Share Document