Page structure and design of the TUD websites
Table of contents
Variety in design
The pages of the TUD appear in a future-proof design that is optimized for mobile devices (so-called "Responsive Design") and meets the criteria of accessibility. A modern single-column design with large font size and short text length ensures optimized readability and user experience on the websites. Different text formats, box and teaser elements invite you to read and explore. Large images set important accents. The use of different defined page contents or types guarantees a targeted structure of your web presence. The use of page types, text elements, boxes and teasers is as uniform as possible and flexible as necessary. Web editors thus have a great variety and variation at their disposal for the content of the web pages.
Uniformity through "page types
Page types are predefined page patterns ("templates") that can be filled with content of their own. The page types in the WebCMS strengthen the visual user guidance on the one hand, but on the other hand also ensure a uniform appearance of the different structural units with an independent web presence. With its teasers they are also a part of the navigation of the website. Their use can draw the user's attention to specific content and ensure an attractive user experience.
Guideline
Our guidelines on creating and designing web areas in TU Dresden’s WebCMS (available in German) include information on the different page types and their elements, screenshots of the various page types, and the optional and mandatory elements to be included. They also show which content can and must be included in what format.
Start and overview pages
These page types are the entrance into the web page or a main topic. They provide a quick and attractive overview of the most important sub-contents within a web area.
Home page of a web area of a structural unit of the TU Dresden
Display of an overview page. It is used to present the most important subcontents.
Content pages
Content pages are structurally optimized for text readability and therefore have a reduced walking distance. With the help of text and image compositions as well as various box elements, content is presented in a visually appealing way. The elements can be used flexibly.
Display of a content page
News and event boards
The news and event boards compile current news and events on a website.
Display of a news board
Display of an event bord
Forms
Our WebCMS provides user-friendly, accessible and, above all, data-protected online forms. These allow the visitors to your website to enter information on the page, which is then sent to you automatically. Request form