Site Style Examples Four Transport Websites

Introduction The decision process for websites involves many choices regarding aesthetics, accessibility, information density, the communication model, site security and management overhead. This set of criteria is not exhaustive. The decision process for websites involves many choices regarding aesthetics, accessibility, information density, the communication model, site security and management overhead. This set of criteria is not exhaustive.

Your website is a communication channel to users who may have differing needs and sensibilities. Presented are four sites which may be useful as examples of differing design responses to the cited criteria. Your website is a communication channel to users who may have differing needs and sensibilities. Presented are four sites which may be useful as examples of differing design responses to the cited criteria.

ABB.com

Site Description The ABB.com site is clean, open and unfussy, allowing users to quickly access news, company information and links. Topical categories such as careers and press releases are a single click to the source. The strong, but not excessively dominant visuals clearly indicate the company’s core activities. The ABB site scores highly for accessibility. The ABB.com site is clean, open and unfussy, allowing users to quickly access news, company information and links. Topical categories such as careers and press releases are a single click to the source. The strong, but not excessively dominant visuals clearly indicate the company’s core activities. The ABB site scores highly for accessibility.

side & top menu with drop-down entries side & top menu with drop-down entries content cells for company statement and market focus information content cells for company statement and market focus information search function integrated with news feeds search function integrated with news feeds ABB.com

ASEApower.com

Site Description The ASEApower.com site has clear navigation paths using only top and below-centre nav menus to access products and services, news, and contact info when links are activated. Promotional text is given first-order emphasis by the strong left alignment, colour contrast, and the use of open space in the centre to set off the high-quality image. An information-rich site with transparent paths to content, requiring a minimum of user interaction. The ASEApower.com site has clear navigation paths using only top and below-centre nav menus to access products and services, news, and contact info when links are activated. Promotional text is given first-order emphasis by the strong left alignment, colour contrast, and the use of open space in the centre to set off the high-quality image. An information-rich site with transparent paths to content, requiring a minimum of user interaction.

top menu bar with search and language selection option top menu bar with search and language selection option promotional content updates with every page refresh promotional content updates with every page refresh ASEA.com high type/ground contrast aids legibility high type/ground contrast aids legibility

Interfleet Technology

Site Description The Interfleet.co.uk site is a technology-driven, high-budget web portal to consultancy services, industry-partner data and project reports dedicated to the domestic and international rail sector. An information-dense and rather cluttered site. Categorisation of content is well implemented. This is an news/event focused site with many time-sensitive content feeds and is thus very management intensive. The Interfleet.co.uk site is a technology-driven, high-budget web portal to consultancy services, industry-partner data and project reports dedicated to the domestic and international rail sector. An information-dense and rather cluttered site. Categorisation of content is well implemented. This is an news/event focused site with many time-sensitive content feeds and is thus very management intensive.

dense content with multi-panel layout and extensive links dense content with multi-panel layout and extensive links links to many industry partners, multi-language international focus links to many industry partners, multi-language international focus affiliated user login and authentication affiliated user login and authentication Interfleet Technology

MAN Diesel

Site Description With similarities to the ABB website, MAN Diesel employs basic menu-driven navigation, with on-click content and dynamically updated image banners. Extensive use is made of white space, and navigation is clear and consistent. In common with the ASEApower site, a basic two-tone colour scheme aids clarity and identity branding. With similarities to the ABB website, MAN Diesel employs basic menu-driven navigation, with on-click content and dynamically updated image banners. Extensive use is made of white space, and navigation is clear and consistent. In common with the ASEApower site, a basic two-tone colour scheme aids clarity and identity branding.

MAN Diesel simple links table products & services simple links table products & services main panel with mission statement main panel with mission statement large image anchors the message large image anchors the message

end of presentation compiled by: Cormac Moloney June 2007 compiled by: Cormac Moloney June 2007