background preloader

GEL (Global Experience Language)

GEL (Global Experience Language)

http://www.bbc.co.uk/gel

Related:  User ExperienceStyle Guide Researchdiseño web

From Content Audit to Design Insight Throughout my career, I’ve generally understood the value of doing (or having) a content audit as an input into a website redesign. A content audit is an assessment of a website’s content from both a quantitative perspective (i.e., “How much content is there?”) and a qualitative one (i.e., “Is the content any good?”). But what’s not often discussed or understood about content audits are the significant benefits they yield beyond the basic assessment of content quantity and quality.

Style guide GOV.UK is for anyone who has an interest in how UK government policies affect them. Using this style guidance will help us make all GOV.UK information readable and understandable. It has a welcoming and reassuring tone and aims to be a trusted and familiar resource. We take all of the writing for web points into account when we write for GOV.UK. Then we add the following points based on user testing and analysis on our own website. 10 Examples of Beautiful CSS Typography and how they did it... Lately I have been very interested in how far we can take Typography only using CSS. Sure you can use images or sIFR to produce some very beautiful typography, but there is something unique and special about using only CSS. It is incredibly useful too, if you know the extent you can take CSS you end up with much more flexible websites— especially ones driven by a CMS. Think about how difficult sIFR or images get when you want to replicate that typography or typeface over 100 pages powered by a CMS. If you can get beautiful type via CSS it makes this situation very easy and with out compromise. There are a lot of great sites out there that have beautiful Typography using only CSS, however simply looking at them is only half of the picture.

Experience maps, user journeys and more… Experience Map is an important design tool to understand our product/service interactions from users’ point of view. One experience map is basically a visual representation that illustrate users’ flow (within a product or service) their needs, wants, expectations and the overall experience for a particular goal. Besides Experience Maps, different names are used to refer to similar representations, some of them are: Customer Journey, User Journey and some time Blueprint or Service Ecology, although there are some nuances in the latter two, I prefer to include them in the group of the multidimensional maps. If you search the internet you will see that there are many different examples of experience map, with some common elements between them. After reviewing many of them, investigate the existing methodology and design one for the company I work for, I have reached the conclusion that there are some design patterns, more or less clear, here I will share with you some insights about them.

Guardian and Observer style guide: A a or an before H?Use an before a silent H: an heir, an hour, an honest politician, an honorary consul; use a before an aspirated H: a hero, a hotel, a historian (but don't change a direct quote if the speaker says, for example, "an historic"). With abbreviations, be guided by pronunciation: eg an LSE student A*(A-level and GCSE) not A-star A&Eaccident and emergency; in the US, it's ER (emergency room) Library Open-Source Software Registry Jump to navigation Open Source Software inLibraries You are here Home › Crest and word marque The following guidelines cover using the University crest and word marque in printed material. University crest Where a crest is used, it is the original crest, which includes the mermaid, lion and book with motto that appears on the Royal Charter. The use of the crest is limited and privileged – when it appears it signifies the academic prestige of the institution. The crest should appear on:

Responsive Typography: The Basics by Oliver Reichenstein When we built websites we usually started by defining the body text. The body text definition dictates how wide your main column is, the rest used to follow almost by itself. Used to. Until recently, screen resolution was more or less homogenous. Personas The purpose of personas is to create reliable and realistic representations of your key audience segments for reference. These representations should be based on qualitative and some quantitative user research and web analytics. Remember, your personas are only as good as the research behind them. Effective personas: Represent a major user group for your website Express and focus on the major needs and expectations of the most important user groups Give a clear picture of the user's expectations and how they're likely to use the site Aid in uncovering universal features and functionality Describe real people with backgrounds, goals, and values

Related: