DOCSLIB.ORG

Leveraging Navigation by Design

Total Page：16

File Type：pdf, Size：1020Kb

Download full-text PDF Read full-text

Load more

Learnable Interfaces – Leveraging Navigation by Design Kari Gunvaldson Swanson A dissertation submitted in partial fulfillment of the requirements for the degree of Doctor of Philosophy University Of Washington 2012 Reading Committee: John Bransford, Chair Stephen Kerr Virginia Berninger Program Authorized to Offer Degree: College of Education ©Copyright 2012 Kari Gunvaldson Swanson In presenting this dissertation in partial fulfillment of the requirements for the doctoral degree at the University of Washington, I agree that the Library shall make its copies freely available for inspection. I further agree that extensive copying of the dissertation is allowable only for scholarly purposes, consistent with “fair use” as prescribed in the U.S. Copyright Law. Signature Date 1 June 2012 University of Washington ABSTRACT Learnable Interfaces - Leveraging Navigation by Design Kari Gunvaldson Swanson Chair of the Supervisory Committee: Professor John D. Bransford Shauna C. Larson University Professor and Prof. of Education, College of Education Complex productivity applications that integrate tasks in the workplace are becoming more common. Usability typically focuses on short-term, immediate measures of task performance. This study incorporates a long-term goal of more durable learning, focusing on implicit learning (spontaneous, unplanned, usually unconscious learning as a result of other activities). It looks at how the design of complex applications can facilitate such incidental learning of both the application and the task domain when a conceptual model of the task domain is intentionally embedded. This can lead to more productive communication lower development and training costs, and improved task performance. The study targets the navigation interface as a gateway to exposing structural knowledge about the task domain as well as the organization of the application. Schema theory and cognitive load are discussed. The study used an application developed to design and manage lessons in large training programs. The application reflected an explicit conceptual model of Instructional Systems Design (ISD). The experiment was conducted over the internet and exposed a range of users to application tasks using one of three. navigation interfaces. These menus reflected the underlying model to different degrees; content pages were the same. The pre-test assessed participants' understanding of the embedded model as a baseline. A series of typical application tasks ensured exposure to concepts. Performance and subjective data were collected to assist interpretation of results. The test, a multiple choice version of concept map assessment, was then repeated to show changes in model alignment. Despite very brief contact time, the study confirmed that application interaction led to learning and greater alignment with the embedded model on all three measures: relationships, sequence, and vocabulary. Interaction was influenced by the cognitive load of high perceived difficulty and unfamiliarity and by the dominance of time spent on content pages over navigation time. Trends indicate a preference for constant menu visibility, familiarity, and simplicity (low informational density). Performance and learning for treatments reflecting the embedded model faired better than the standard Windows menu which shows only the application organization, not the embedded model. ACKNOWLEDGEMENTS The author wishes to express deep appreciation for the patience and endurance of her family and committee members, without whom this dissertation could never have been completed. Erik Swanson contributed all his free time for two years to help program the online application. Beyond that he offered untold hours of patient discussion, mathematical expertise, and a keen review eye. Son Per-Olaf drew the wonderful 3D map menu images (using favorite Seattle and game structures!), offered a wise perspective on landmark use, and made himself available for difficult and time-consuming testing. From Afghanistan son Nils offered a trip to Disney World as a reward for completion and kept checking on progress. My sons, brother Erik, and sister Adele tried hard to find participants for me. Friends encouraged me, expected me to finish when I doubted – so how could I disappoint them all? An article by Dr. Kerr planted a seed many years ago that led to this topic of navigation. Dr. Bransford’s extensive and clear writing provided much of the guidance and focus I needed. Dr. Efthiamiadis introduced me to an unexpectedly exciting way of thinking about information and was there to respark my enthusiasm when I was ready to give up. A special thank you goes to Drs. Berninger and Zumbrunnen who both stepped up to ensure completion after the untimely loss of two committee members. Special recognition is due to former advisors Dr. Donald Mizakawa and Dr. William Winn for their years of encouragement and guidance and especially their ready willingness to share their curiosity and broad knowledge without limit. They were truly amazing. __________________ Mervyn Archdall, a Dublin pastor of the 1700s, said of his own work: "I have left that inaccurate which could not be exact, and that imperfect which cannot be completed." i TABLE OF CONTENTS 0LIST OF FIGURES......................................................................................................... 141V 1LIST OF TABLES......................................................................................................... 142VII 2INTRODUCTION............................................................................................................. 1431 3Motivation............................................................................................................. 1441 4Questions & Scope............................................................................................... 1458 5Research Hypotheses ........................................................................................ 14611 6Organization of the Dissertation ......................................................................... 14712 7Glossary Support .......................................................................................... 14814 8LITERATURE REVIEW................................................................................................. 14915 9Schema Theory .................................................................................................. 15016 10Incidental/Implicit Learning................................................................................. 15124 11Cognitive Load Theory (CLT) ............................................................................. 15227 12Navigation .......................................................................................................... 15332 13Eliciting and Evaluating Conceptual Models....................................................... 15437 14METHOD ...................................................................................................................... 15541 15Participants ........................................................................................................ 15641 16Design................................................................................................................ 15743 17Instructional Experience................................................................................ 15845 18Analytical Experience.................................................................................... 15946 19Structural Alignment Criteria ......................................................................... 16046 20Vocabulary Alignment Criteria ...................................................................... 16147 21Performance Data......................................................................................... 16247 22Time Data........................................................................................................... 16348 23Task Difficulty..................................................................................................... 16448 24Navigation Data.................................................................................................. 16549 25Task Set Data .................................................................................................... 16649 26Subjective Usability ............................................................................................ 16749 27Software Description .......................................................................................... 16849 ii 28Navigation Interfaces.......................................................................................... 16952 29Embedded ISD Model ........................................................................................ 17060 30Materials............................................................................................................. 17162 31Background Questionnaire ........................................................................... 17263 32Knowledge Pre-Test and Post-Test .............................................................. 17364 33Online Task Instructions & Aids .................................................................... 17469 34Task Navigation Log Files............................................................................. 17571 35Usability Survey ............................................................................................ 17672 36Comment Files.............................................................................................
Recommended publications
  • Sharepoint Quick Reference, Microsoft Sharepoint 2007 Cheat

    Sharepoint Quick Reference, Microsoft Sharepoint 2007 Cheat

    Microsoft® Office SharePoint Server 2007 Quick Reference Card 888.903.2432 | www.customguide.com SharePoint Window Quick Launch Breadcrumb Welcome navigation Search Scope user menu Search box Includes libraries that contain related files, such as documents, slides, and forms. Link bar Site Actions Store shared information here, such as menu events on a calendar or project tasks. Quick Participate in group discussions using Launch bar discussion boards. Collaboration areas such as team sites, Web workspaces, blog sites, and wiki sites. Part Important subsites may also appear in the Quick Launch. People and groups with permission to view or work with the site appear here. Deleted information is stored here. This image displays the home page of the Authors team site as it appears to a user with Full Control (a member of the Site owner group). The web page is composed of Web Parts, which can be customized and changed as necessary by users with the right permissions. Picture libraries are the best way to store shared images. Include commands The Fundamentals and options specific to images. • There are three main tools for navigation in a • To Search: Click in the Search box at the top of SharePoint site: the page. Type your search word or term and press Create a new survey, or respond to a Link Bar This includes the tabs that appear along <Enter>. survey and view its results. the top of the site. Subsites of the current site • To Change the Search Scope: Click the usually appear as tabs on the link bar. To go to a Search Scope list arrow and select the scope Permission Levels site, click its tab on the Link Bar.
  • Stardust: Accessible and Transparent GPU Support for Information Visualization Rendering

    Stardust: Accessible and Transparent GPU Support for Information Visualization Rendering

    Eurographics Conference on Visualization (EuroVis) 2017 Volume 36 (2017), Number 3 J. Heer, T. Ropinski and J. van Wijk (Guest Editors) Stardust: Accessible and Transparent GPU Support for Information Visualization Rendering Donghao Ren1, Bongshin Lee2, and Tobias Höllerer1 1University of California, Santa Barbara, United States 2Microsoft Research, Redmond, United States Abstract Web-based visualization libraries are in wide use, but performance bottlenecks occur when rendering, and especially animating, a large number of graphical marks. While GPU-based rendering can drastically improve performance, that paradigm has a steep learning curve, usually requiring expertise in the computer graphics pipeline and shader programming. In addition, the recent growth of virtual and augmented reality poses a challenge for supporting multiple display environments beyond regular canvases, such as a Head Mounted Display (HMD) and Cave Automatic Virtual Environment (CAVE). In this paper, we introduce a new web-based visualization library called Stardust, which provides a familiar API while leveraging GPU’s processing power. Stardust also enables developers to create both 2D and 3D visualizations for diverse display environments using a uniform API. To demonstrate Stardust’s expressiveness and portability, we present five example visualizations and a coding playground for four display environments. We also evaluate its performance by comparing it against the standard HTML5 Canvas, D3, and Vega. Categories and Subject Descriptors (according to ACM CCS):
  • Civic Participation and Empowerment Through Visualization

    Civic Participation and Empowerment Through Visualization

    SIGRAD 2015 L. Kjelldahl and C. Peters (Editors) Civic Participation and Empowerment through Visualization Samuel Bohmany Department of Computer and Systems Sciences, Stockholm University, Sweden Abstract This article elaborates on the use of data visualization to promote civic participation and democratic engage- ment. The power and potential of data visualization is examined through a brief historical overview and four interconnected themes that provide new opportunities for electronic participation research: data storytelling, in- fographics, data physicalization, and quantified self. The goal is to call attention to this space and encourage a larger community of researchers to explore the possibilities that data visualization can bring. Categories and Subject Descriptors (according to ACM CCS): H.5.2 [Information Interfaces and Presentation]: Screen design—User-centered design 1. Introduction The authors acknowledge that the deliberative approach to civic dialogue is “unduly restrictive, discounting other im- Since the advent of the web in the early 1990s, prospects portant ways of making, receiving, and contesting public of electronic democracy have been viewed as heralding in claims”. They therefore encourage researchers in the field to a new era of political participation and civic engagement. be more open to a wider range of practices and technologies However, empirical studies suggest most initiatives to date and suggest some of the most innovative research is being have failed to live up to expectations despite large invest- done in the area of computer-supported argument mapping ments in research. For instance, Chadwick [Cha08] states and visualization. However, the visualization research they that “the reality of online deliberation, whether judged in are referring to have primarily focused on facilitating large- terms of quantity, its quality, or its impact on political be- scale online deliberation within a conventional rationalistic haviour and policy outcomes, is far removed from the ide- framework.
  • Daftar Program Untuk Komputer Grafik Dan Pengolahan Citra

    Daftar Program Untuk Komputer Grafik Dan Pengolahan Citra

    Daftar program untuk Komputer Grafik dan Pengolahan Citra I Made Wiryana 1 Nopember 2012 Daftar Isi 1 OpenCV 1 2 Scilab Image Processing Toolbox 2 3 VIPS 2 4 ImageJ 2 5 Marvin 2 6 MeVisLab 3 7 MVTH 3 8 Gephex 3 9 Fiji 3 10 MathMap 4 11 VTK 4 12 Tulip 4 13 PreFuse 4 1 OpenCV OpenCV - Open Source Computer Vision Library [http://www.opencv.org] is an open-source BSD- licensed library that includes several hundreds of computer vision algorithms. The document de- scribes the so-called OpenCV 2.x API, which is essentially a C++ API, as opposite to the C-based OpenCV 1.x API. The latter is described in opencv1x.pdf. OpenCV (Open Source Computer Vision Library) is an open source computer vision and machine learning software library. OpenCV was built to provide a common infrastructure for computer vision applications and to accelerate the use of machine perception in the commercial products. Being a BSD-licensed product, OpenCV makes it easy for businesses to utilize and modify the code. The library has more than 2500 optimized algorithms, which includes a comprehensive set of both classic and state-of-the-art computer vision and machine learning algorithms. These algori- thms can be used to detect and recognize faces, identify objects, classify human actions in videos, track camera movements, track moving objects, extract 3D models of objects, produce 3D point clouds from stereo cameras, stitch images together to produce a high resolution image of an entire 1 scene, find similar images from an image database, remove red eyes from images taken using flash, follow eye movements, recognize scenery and establish markers to overlay it with augmented reali- ty, etc.
  • Cryptic Inoviruses Revealed As Pervasive in Bacteria and Archaea Across Earth’S Biomes

    Cryptic Inoviruses Revealed As Pervasive in Bacteria and Archaea Across Earth’S Biomes

    ARTICLES https://doi.org/10.1038/s41564-019-0510-x Corrected: Author Correction Cryptic inoviruses revealed as pervasive in bacteria and archaea across Earth’s biomes Simon Roux 1*, Mart Krupovic 2, Rebecca A. Daly3, Adair L. Borges4, Stephen Nayfach1, Frederik Schulz 1, Allison Sharrar5, Paula B. Matheus Carnevali 5, Jan-Fang Cheng1, Natalia N. Ivanova 1, Joseph Bondy-Denomy4,6, Kelly C. Wrighton3, Tanja Woyke 1, Axel Visel 1, Nikos C. Kyrpides1 and Emiley A. Eloe-Fadrosh 1* Bacteriophages from the Inoviridae family (inoviruses) are characterized by their unique morphology, genome content and infection cycle. One of the most striking features of inoviruses is their ability to establish a chronic infection whereby the viral genome resides within the cell in either an exclusively episomal state or integrated into the host chromosome and virions are continuously released without killing the host. To date, a relatively small number of inovirus isolates have been extensively studied, either for biotechnological applications, such as phage display, or because of their effect on the toxicity of known bacterial pathogens including Vibrio cholerae and Neisseria meningitidis. Here, we show that the current 56 members of the Inoviridae family represent a minute fraction of a highly diverse group of inoviruses. Using a machine learning approach lever- aging a combination of marker gene and genome features, we identified 10,295 inovirus-like sequences from microbial genomes and metagenomes. Collectively, our results call for reclassification of the current Inoviridae family into a viral order including six distinct proposed families associated with nearly all bacterial phyla across virtually every ecosystem.
  • Information Graphics Design Challenges and Workflow Management Marco Giardina, University of Neuchâtel, Switzerland, Pablo Medi

    Information Graphics Design Challenges and Workflow Management Marco Giardina, University of Neuchâtel, Switzerland, Pablo Medi

    Online Journal of Communication and Media Technologies Volume: 3 – Issue: 1 – January - 2013 Information Graphics Design Challenges and Workflow Management Marco Giardina, University of Neuchâtel, Switzerland, Pablo Medina, Sensiel Research, Switzerland Abstract Infographics, though still in its infancy in the digital world, may offer an opportunity for media companies to enhance their business processes and value creation activities. This paper describes research about the influence of infographics production and dissemination on media companies’ workflow management. Drawing on infographics examples from New York Times print and online version, this contribution empirically explores the evolution from static to interactive multimedia infographics, the possibilities and design challenges of this journalistic emerging field and its impact on media companies’ activities in relation to technology changes and media-use patterns. Findings highlight some explorative ideas about the required workflow and journalism activities for a successful inception of infographics into online news dissemination practices of media companies. Conclusions suggest that delivering infographics represents a yet not fully tapped opportunity for media companies, but its successful inception on news production routines requires skilled professionals in audiovisual journalism and revised business models. Keywords: newspapers, visual communication, infographics, digital media technology © Online Journal of Communication and Media Technologies 108 Online Journal of Communication and Media Technologies Volume: 3 – Issue: 1 – January - 2013 During this time of unprecedented change in journalism, media practitioners and scholars find themselves mired in a new debate on the storytelling potential of data visualization narratives. News organization including the New York Times, Washington Post and The Guardian are at the fore of innovation and experimentation and regularly incorporate dynamic graphics into their journalism products (Segel, 2011).
  • Blackberry Workspaces Version 6.0.0 End User - Technical Content Published: 2018-08-21 SWD-20180821140714306 Contents

    Blackberry Workspaces Version 6.0.0 End User - Technical Content Published: 2018-08-21 SWD-20180821140714306 Contents

    User Guide BlackBerry Workspaces version 6.0.0 End User - Technical Content Published: 2018-08-21 SWD-20180821140714306 Contents Getting started................................................................................................................. 9 What is Workspaces?.......................................................................................................................................................10 What's new?................................................................................................................................................................... 10 Sign in to BlackBerry Workspaces................................................................................................................................... 11 Sign in using your email address.............................................................................................................................. 11 Sign in with username and password........................................................................................................................12 Signing in with BlackBerry Workspaces for BlackBerry Dynamics............................................................................. 12 Sign out of BlackBerry Workspaces.......................................................................................................................... 12 Sign out of BlackBerry Workspaces on all devices.....................................................................................................12 Using the
  • Sharepoint 2010 Quick Reference

    Sharepoint 2010 Quick Reference

    Microsoft® SharePoint Foundation 2010 Free Quick References! Quick Reference Card Visit: qr.customguide.com SharePoint Team Site Quick Launch Edit Welcome Collaboration areas such as team sites, Navigate Ribbon tabs user menu Up workspaces and blog sites. Important subsites may also appear in the Quick Launch. Site Actions menu Includes libraries that contain related files, such as documents, wiki sites, and forms. Link bar Search box Store shared information here, such as events on a calendar or project tasks. Quick Launch Participate in group discussions using Bar discussion boards. Deleted information is stored here. Web Part View all sites, lists, and libraries in the site. Create a new survey, or respond to a survey This image displays the home page of the North Shore Travel team site as it appears and view its results. to a user with Full Control (a member of the Site Owner group). The Web page is composed of Web Parts, which can be customized and changed as necessary by users with the right permissions. Picture libraries are the best way to store shared images. Include commands and options specific to images. The Fundamentals People and groups with permission to view or There are four main tools for navigation in a To Change Views: You can change how items are work with the site appear here. SharePoint site: displayed in a library or list by changing views. Click Link Bar: This includes the tabs that appear along the Library, List, or Calendar tab on the Ribbon the top of the site. Subsites of the current site and click the Current View list arrow in the Manage Permission Levels usually appear as tabs on the link bar.
  • Network Visualization Design Using Prefuse Visualization Framework

    Network Visualization Design Using Prefuse Visualization Framework

    Air Force Institute of Technology AFIT Scholar Theses and Dissertations Student Graduate Works 3-2008 Network Visualization Design using Prefuse Visualization Framework John Mark Belue Follow this and additional works at: https://scholar.afit.edu/etd Part of the Digital Communications and Networking Commons Recommended Citation Belue, John Mark, "Network Visualization Design using Prefuse Visualization Framework" (2008). Theses and Dissertations. 2745. https://scholar.afit.edu/etd/2745 This Thesis is brought to you for free and open access by the Student Graduate Works at AFIT Scholar. It has been accepted for inclusion in Theses and Dissertations by an authorized administrator of AFIT Scholar. For more information, please contact [email protected]. Network Visualization Design using Prefuse Visualization Toolkit THESIS J. Mark Belue, Captain, USAF AFIT/GCS/ENG/08-03 DEPARTMENT OF THE AIR FORCE AIR UNIVERSITY AIR FORCE INSTITUTE OF TECHNOLOGY Wright-Patterson Air Force Base, Ohio APPROVED FOR PUBLIC RELEASE; DISTRIBUTION UNLIMITED. The views expressed in this thesis are those of the author and do not reflect the o±cial policy of the United States Air Force, Department of Defense, or the United States Government. AFIT/GCS/ENG/08-03 Network Visualization Design using Prefuse Visualization Toolkit THESIS Presented to the Faculty Department of Electrical and Computer Engineering Graduate School of Engineering and Management Air Force Institute of Technology Air University Air Education and Training Command In Partial Ful¯llment of the Requirements for the Degree of Master of Science (Computer Science) J. Mark Belue, BS Captain, USAF March 2008 APPROVED FOR PUBLIC RELEASE; DISTRIBUTION UNLIMITED. AFIT/GCS/ENG/08-03 Network Visualization Design using Prefuse Visualization Toolkit J.
  • Concept Mapping Slide Show

    Concept Mapping Slide Show

    5/28/2008 WHAT IS A CONCEPT MAP? Novak taught students as young as six years old to make Concept Mapping is a concept maps to represent their response to focus questions such as “What is technique for knowledge water?” and “What causes the Assessing learner understanding seasons?” assessment developed by JhJoseph D. NkNovak in the 1970’s Novak’s work was based on David Ausubel’s theories‐‐stressed the importance of prior knowledge in being able to learn new concepts. If I don’t hold my ice cream cone The ice cream will fall off straight… A WAY TO ORGANIZE A WAY TO MEASURE WHAT WE KNOW HOW MUCH KNOWLEDGE WE HAVE GAINED A WAY TO ACTIVELY A WAY TO IDENTIFY CONSTRUCT NEW CONCEPTS KNOWLEDGE 1 5/28/2008 Semantics networks words into relationships and gives them meaning BRAIN‐STORMING GET THE GIST? oMINDMAP HOW TO TEACH AN OLD WORD CLUSTERS DOG NEW TRICKS?…START WITH FOOD! ¾WORD WEBS •GRAPHIC ORGANIZER 9NETWORKING SCAFFOLDING IT’S ALL ABOUT THE NEXT MEAL, RIGHT FIDO?. EFFECTIVE TOOLS FOR LEARNING COLLABORATIVE 9CREATE A STUDY GUIDE CREATIVE NOTE TAKING AND SUMMARIZING SEQUENTIAL FIRST FIND OUT WHAT THE STUDENTS KNOW IN RELATIONSHIP TO A VISUAL TRAINING SUBJECT. STIMULATING THEN PLAN YOUR TEACHING STRATEGIES TO COVER THE UNKNOWN. PERSONAL COMMUNICATING NEW IDEAS ORGANIZING INFORMATION 9AS A KNOWLEDGE ASSESSMENT TOOL REFLECTIVE LEARNING (INSTEAD OF A TEST) A POST‐CONCEPT MAP WILL GIVE INFORMATION ABOUT WHAT HAS TEACHING VOCABULARLY BEEN LEARNED ASSESSING KNOWLEDGE 9PLANNING TOOL (WHERE DO WE GO FROM HERE?) IF THERE ARE GAPS IN LEARNING, RE‐INTEGRATE INFORMATION, TYING IT TO THE PREVIOUSLY LEARNED INFORMATION THE OBJECT IS TO GENERATE THE LARGEST How do you construct a concept map? POSSIBLE LIST Planning a concept map for your class IN THE BEGINNING… LIST ANY AND ALL TERMS AND CONCEPTS BRAINSTORMING STAGE ASSOCIATED WITH THE TOPIC OF INTEREST ORGANIZING STAGE LAYOUT STAGE WRITE THEM ON POST IT NOTES, ONE WORD OR LINKING STAGE PHRASE PER NOTE REVISING STAGE FINALIZING STAGE DON’T WORRY ABOUT REDUNCANCY, RELATIVE IMPORTANCE, OR RELATIONSHIPS AT THIS POINT.
  • IPFX Client Agent Guide

    IPFX Client Agent Guide

    IT MOBILE TELEPHONY TELEMATICS Client Agent Guide Work smarter achieve more IT • MOBILE • TELEPHONY • TELEMATICS phone: 0800 054 6000 email: [email protected] web: communicatebetter.co.uk Copyright © 1998-2020 IPFX Limited (All rights reserved) The software contains proprietary information of IPFX Limited; it is provided under licence agreement, containing restrictions on use and disclosure and is also protected by copyright law. Reverse engineering of the software is prohibited. Every effort has been made to ensure the accuracy of the material in this guide at the time of publication, however not all features are supported by all systems and feature enhancements will occur from time to time, changing some of the features that are mentioned in this guide. The information and intellectual property contained herein is confidential between IPFX Limited and the client and remains the exclusive property of IPFX Limited. If you find any problems in the documentation, please report them to us in writing. IPFX Limited does not warrant that this document is error-free. No part of this publication may be reproduced, stored in a retrieval system or transmitted in any form or by any means, electronic, mechanical, photocopying, recording or otherwise without the prior written permission of IPFX Limited. Reproduction and use of and title to this documentation are subject to the Terms and Conditions of the relevant End User Licence Agreement. Microsoft Office, Windows, Exchange and MS-DOS are trademarks of the Microsoft Corporation. Cisco is the trademark of Cisco Systems. IBM and Lotus Notes are trademarks of the IBM Corporation. Dialogic and Intel are trademarks of the Intel Corporation.
  • Website Styleguide Status: 2021 October

    Website Styleguide Status: 2021 October

    Continental Industry Website Styleguide Status: 2021 October Digital Communications ContiTech Business Area Continental Industry Website Styleguide › Introduction 03 › Table 16 › Layout Principles 04 › Page Elements 17 › Basic Layout 05 › Header 18 › Desktop 06 › Footer 19 › Responsive Design 07 › Navigation 20 › Design Elements 08 › Desktop 21 › Logo 09 › Mobile 23 › Colors 10 › Onpage 24 › Typography 11 › Login Area 26 › Images 12 › Special Case: Campaign 27 › Icons & Buttons 14 › Contact 35 › Fields of Interaction 15 2021 Oct | com&on Medienagentur I © ContiTech AG 2 Introduction This styleguide for the ContiTech Business Area Internet pages was developed to ensure the appropriate use and consistency of design elements, page structures and interactions for technical implementation. The content presented is binding for all websites of the ContiTech Business Area under the Continental brand. This styleguide describes the elements and functions of the user interface. It serves as a central point of contact for all questions regarding the implementation of design elements on the page templates. The ContiTech Business Area website uses the content management system Kentico. In this system, all design elements shown are preset. All screens and wording shown do not represent real content and therefore are without any claim to correctness. 2021 Oct | com&on Medienagentur I © ContiTech AG 3 Continental Industry Website Styleguide › Layout Principles › Basic Layout › Desktop › Responsive Design 2021 Oct | com&on Medienagentur I © ContiTech AG 4 Layout Principles Basic Layout The quality seal is always positioned at the top-left of the page and is always flush-left with the first column of the grid and content area. It always overlaps the header image.