Web building, UI, Information Architecture, and CMS

About us   Small company   In the design and software industry for years   Heavy focus on corporate clients in Calgary, primarily in the energy sector   external websites (heavy emphasis on IR, CSR, Careers)   NOT building e-commerce type sites   NOT building sites for youth/gaming/similar   NOT experts in social media

Clients include…   EnCana   Atco   Cenovus   TransAlta   Enbridge   Petro-Canada   CP Rail   Niska Gas Storage   Talisman Energy   Canexus Income Fund   TransCanada   Sanjel   Pengrowth   Energy4Everyone   Crescent Point   others

Topics Covered Tonight   Our Process (most would be similar)   Information Architecture (IA) & Wireframing   Design based on Creative Workshop and IA   Build (discuss CMS)   Questions

What is Information Architecture   Essentially the site map for where visitors will find information on your web site   Logically organizing content, starting off broad, delving deeper as you go deeper into the site (a hierarchy of information)   labels are important – do they make sense to the visitor   no standards here, but conventions (inverted L, Investor relations…)

How do you deﬁne an IA?   Can do card sorting exercises – write your ideas on a piece of paper then logically sort into hierarchies.   Can use excel (which is what we do)

How do you deﬁne an IA?

Wireframes   Visually representing where things go on a page, keeping in mind the visitor’s requirements.   Really depends on the client and situation if you need this for any more than just the home page and a few other key pages.   You can easily spend $50k or more with specialized firms in this area that only do UX work (not needed for most external sites, but for Intranets it can be very helpful since typically huge sites)   video eyeball studies   task based analysis

Environment landing page (example) Environment Environment > Air 2008 Corporate Social > Land Responsibility Report Statement about XX and the environment. Must be short, no more than 3 lines  Water or message lost.  Waste Download (PDF: X.XM)  Wildlife Performance Data (PDF: Community X.XM) Air Health, Safety & Security Protecting the air we breathe and addressing global climate change are Our People important issues to XX. CSR Reports Learn about our current and future efforts to address both. Feature 2 GHG Emissions Land Calculator We must be responsible stewards of the land. We’ve implemented programs and practices to reduce environmental risk and respond effectively if an incident should happen. Learn more about our initiatives to protect the land. Feature 3 “Our CO2 emissions have increased 7.1% Water since 1990, yet our Learn how we protect aquatic environments and manage wastewater output has increased across our network. 35% in the same period. Learn more

Design   From our IA we know the site architecture/ site map   From our Wireframe our designer knows where things need to go and why   We normally do 2 different design themes, revise based upon client feedback.   Home page first, then landing and content pages

Site build   At this point we pass the site off to the developers for the build   Discussion around CMS and its evolution

Web building, UI, Information Architecture, and CMS

by Doug Lacombe on Aug 09, 2010

Accessibility

Categories

Upload Details

Usage Rights

1 Embed 3

Statistics

Web building, UI, Information Architecture, and CMS — Presentation Transcript