Sara Di Giorgio Giza, 3 April 2006 Web writing Ministerial NEtwoRk for Valorising Activities in digitisation.

Slides:



Advertisements
Similar presentations
Typography Typography exists to honor content. — Robert Bringhurst,
Advertisements

Hints and tips for good web content. The University’s web presence To clearly inform prospective students, their influencers, researchers, potential members.
Section 6.1 Write Web text Use a mission statement Generate and organize content ideas Section 6.2 Use page dimension guidelines Determine content placement.
6 Developing Content and Layout Section 6.1 Generate and organize content ideas Write and organize Web text Section 6.2 Identify page dimension guidelines.
By Birol Özkaya USER-CENTERED WEBSITE/SOFTWARE DEVELOPMENT.
1 Today’s Goal: Web Design for Usability To become able to appreciate the role of usability in Web design To become able to identify some of the factors.
Conference on Interdisciplinary Musicology, Graz/Austria, April 2004, Title of poster: Corresponds to the title of.
Designing for Multiple Screen Resolutions Screen resolution is the width and height of the computer screen in pixels Most monitors have many screen resolutions.
M I S Dr. Ernst-Gerd vom Kolke 1 Web Design - Introduction n Design for printed and electronic information isn’t very different n Special aspects for web.
Web Page Usability. Determine User Goals Brainstorm: Brainstorm: Why would users come to your page? Why would users come to your page? What level of information.
Writing for the web Web Authors Group Meeting 20 November 2003.
Chapter Concepts Discuss Fonts Understand Fonts
Web Page Usability. Determine User Goals Brainstorm: Brainstorm: Why would users come to your page? Why would users come to your page? What level of information.
Prof. Anselm SpoerriWeb Design Summary1 Web Guiding Principles Diversity of Users & Rapid Change –Diverse users, diverse computers, diverse skills, diverse.
Multimedia Design Principles Pertemuan 9 Matakuliah: T0732 / Sistem Multimedia Tahun: 2007.
Designing Pages and Screens Comm Arts II Mr. Wreford.
Web Printing Continue on Web Usability It is a good idea that web sites can provide a printing version and browsing version for the same document.
Principles of Graphics Design
© De Montfort University, Principles of Graphics Design Howell Istance School of Computing Technology De Montfort University.
Developing a Basic Web Page with HTML
Typography Web Design Professor Frank. Characteristics of Type on the Web Magazine/book typography – 1200 dpi Computer screens – 85 ppi (maximum)
]. Website Must-Haves Know your audience Good design Clear navigation Clear messaging Web friendly content Good marketing strategy.
14-Aug-15 Design Principles. Design principles In The Non-Designer’s Design Book: Design and Typographic Principles for the Visual Novice, Robin Williams.
7 Selecting Design and Color Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2.
Practical Tips for User Friendly Web Design Kirsti Mijnhijmer 22 April 2009, Copenhagen.
Typography and Space for Web Design Important Issues From Web Style Guide.
DESIGNING FOR IOS. iOS uses the following themes:  Deference. UI helps users understand and interact with the content, but never competes with it.
Problemsolving 2 Problem Solving: Designing a website solution Identifying how a solution will function Taking into account the technical constraints a.
Chapter 12: The Internet The ultimate direct. Internet Facts U.S. firms spend $14.7 billion on Internet advertising in 2005 By 2010, they are expected.
Information Resource Design ”How to make a web page scannable” Check out this webpage: Read the summary,
Document and Web design has five goals:
Chapter 12 Designing the Document. 1. To make a good impression on readers Documents should reflect your own professional standards and those of your.
Multimedia & The World Wide Web winny HCI 201 Multimedia and the www.
Web-designWeb-design. Web design What is it? Web-design features Before…
Messages and Web Writing
The Internet Writer’s Handbook 2/e Web Page Design Writing for the Web.
Chapter 7. Designing Documents and Web Sites © 2013 by Bedford/St. Martin's1 Document and Web design has five goals: to make a good impression on readers.
Developing Content and Layout Lesson 6. Creating Web Site Content Online users scan a page, read key words of text, and check out graphics Reading from.
Design  Good design is good because of its fitness to a particular user fitness to a particular task  In general, you are not your user!  Our class.
Copyright © 2002 by Pearson Education, Inc., publishing as Longman publishers. All rights reserved. Chapter 8 Designing Pages and Screens Professional.
CREATING AND SHAPING Web Page Design Chapter 2. Text Matters  Even though when thinking about building Web pages people think of design first, the heart.
Writing for the Web A short tutorial David Rashty, Isaac Waisberg.
Writing for the Web Megan McDermott Web Redesign Bootcamp November 19, 2010.
Creating visually attractive and appealing publications.
Chapter 2 Web Site Design Principles Principles of Web Design, Third Edition.
Web Design. Keep a Consistent Appearance Visually show that the site is the same Always use the same background Same graphic style Same type formatting.
Design Elements of Graphical Representation, (Factors supporting appearance and functionality of solutions). P0CCUAA.
Click on the link to answer questions 1-8. View the examples of each element to help you understand each principle. You will have to scroll down to find.
Don’t have to be a designer to know when something just ain’t right…
Using COLOR Bristol Community College Bristol Community College Business Creativity Sources: Non Designers Design Book.
Storyboard, Design, Layout.  Create storyboards  Decide upon navigation  Prepare short page summaries.
Word Create a basic TOC. Course contents Overview: table of contents basics Lesson 1: About tables of contents Lesson 2: Format your table of contents.
With a focus on screen design and CRAP. The Joshua Tree Epiphany.
The Good, the Bad & the Ugly: Style and design in Website creation Chris Webster: Information Officer and Website Manager at the EARL Consortium for Public.
Online Journalism – Multimedia Package Writing Professor Neil Foote, University of North Texas.
Informational Design.  Informational Design involves determining a Web page’s content  Content – text and graphics  A successful Web page uses words.
English for Careers Chapter 14 Writing for Multimedia.
1 CSE 403 Web Patterns and Design These lecture slides are copyright (C) Marty Stepp, 2007, with significant content taken from slides written by Valentin.
Typography A Key Element in Design A. Definition of Typography Typography is the appearance and arrangement of the characters that make up text on a page.
User-Centered Website/Software Development
Section 6.1 Section 6.2 Write Web text Use a mission statement
Technical Reading & Writing
Design Principles and Why We Need Them…
Design Principles 8-Dec-18.
Accessible power point presentation template
Usable Content.
Design Principles 5-Apr-19.
Elements of Effective Web Design
User-Centered WebsIte/Software Development
(should run across the top of your poster)
Presentation transcript:

Sara Di Giorgio Giza, 3 April 2006 Web writing Ministerial NEtwoRk for Valorising Activities in digitisation

Sara Di Giorgio Giza, 3 April 2006 Reference The Jakob Nielsen: “Be succinct! (Writing for the Web)”, “How Users Read on the Web”, Writing for the Web Web content management Web writing that works Museo&Web tipo/progproto/comunicazione/stilescrivere.html

Sara Di Giorgio Giza, 3 April 2006 Quality in communication A high-quality cultural site must be intelligible and communicate clearly, combining contents and design in such a way that the user can navigate efficiently, effectively and satisfactorily.

Sara Di Giorgio Giza, 3 April 2006 Visual aspect The graphic design of a web site is quite different from that of a book! Reading from a screen is considered to be 25% slower than reading on paper. What seems elegant and aesthetically pleasing to the eye in a publication can appear illegible or even visually disturbing on a screen. The characters visualized by a computer have an inferior resolution in comparison to those on paper.

Sara Di Giorgio Giza, 3 April 2006 Visual aspect The following elements must be taken into account when designing a web site: Legibility of the characters on the screen type of character colours alignment line length and spacing elements to be emphasized

Sara Di Giorgio Giza, 3 April 2006 Reading a web page Quick glance: the visual information of a page is perceived as a whole together with the presence or not of particular questions. Scanning: each word of the text is not read and the meaning is drawn from just a few words. This is the most commonly used reading technique. It is the reading technique preferred by 79% of users.

Sara Di Giorgio Giza, 3 April 2006 Suggestions for facilitating the quick glance Few graphic elements The same position on each page for any common functional blocks Headings in hierarchical order from the general to the detail Clear coherent visual information throughout the site (e.g. the same graphic symbols always with the same meaning)

Sara Di Giorgio Giza, 3 April 2006 Suggestions for facilitating scanning the text Highlight the headings as small abstracts Subdivide the text into paragraphs Separate paragraphs from one another by spaces Halve the number of words used with respect to what you would use on paper. Highlight the important words in a paragraph by means of the character used. Make characters more legible.

Sara Di Giorgio Giza, 3 April 2006 Characters Not all predefined characters of most operational systems are clearly legible in a web page. For example, Georgia and Verdana are characters that are more easily read on a screen than Times New Roman because even while having the same dimension the characters are taller.

Sara Di Giorgio Giza, 3 April 2006 Colours The World Wide Web Consortium (W3C) advises using an algorithm for calculating the right contrast between the colour of the text and the background (Checkpoint 2.2) ( contrast). contrast

Sara Di Giorgio Giza, 3 April 2006 Style BASIC SUGGESTIONS clear concise style; construct clear paths through a well-defined structure of paragraphs: titles, sub-titles, short texts, empty spaces, indexes; short texts (half of those on paper!) adopt the order of the "inverted pyramid" in arranging the contents, that is to say, first present the synthesis to then go down gradually towards the greater details;

Sara Di Giorgio Giza, 3 April 2006 Style use hypertext for layering the information on various levels (write “in depth” rather than “in length”); if possible avoid use of scrolling; be careful of punctuation that can sometimes be read incorrectly by screen readers. A suggestion: prepare a “style manual” of the site

Sara Di Giorgio Giza, 3 April 2006 Some simple advice Non professional users: insertion of a glossary is a good idea. Potential readers are all over the world! Be careful: of dates: in the United States day and month are reversed of phone numbers: always give the international prefix of acronyms: they are not always understood of the indication of the country of origin (to say Roma is not sufficient if the site is then translated into English)

Sara Di Giorgio Giza, 3 April 2006 Thanks! Sara Di Giorgio