Information Architecture

“Ultimately, an information architect exists to make meaning out of data.”

‘Thoughts on Interaction Design’ – Jon Kolko

                                 

 


 

AT&T

AT&T API PLatform sitemap overlay

Visio sitemap shows all access points to AT&T API Platform in overlay: 2011

AT&T API Platform landing screen navigation

Visio sitemap/flowchart/thumbnail of AT&T API Platform landing screen: 2011

AT&T Developers Program
Sr. Information Architect: iSoftStone
www.isoftstone.com

This project for AT&T Mobile was the integration of a new 3rd party API development platform. It also added a new monitory subscription model for accessing and bringing to market new proprietary mobile AT&T APIs.

The sitemap overlay highlights all the new access points to the Apigee platform upon log-in or registration in context to the existing site structure.

The landing screen diagram illustrates the global navigation additions and flows through registration and log-in to access the API Platform in isolated detail.

The AT&T API Platform went live in January 2012.
developer.att.com

View AT&T work sample PDF

 


 

Tobias&Tobias

click on image to view detail

Early Learning Centre registration flowchart: 2009

Early Learning Centre
Sr. User Experience Architect: : Tobias&Tobias
tobias.tv
www.elc.co.uk

I began the ELC ‘data capture’ assignment by diagramming all the user-data scenarios in this set of flowcharts. This gives a broad-stroke, birds-eye-view of the system, often exposing any flaws in the current system or approach. Issues and concepts are noted for further discussion and action items with the stakeholders. A kind of heuristics manifested in this easy to digest format.

View Early Learning Centre Flowcharts work sample PDF

 


 

Fidelity Investments – International

click on image to view detail

Fidelity International user states flowchart: 2010

Fidelity International
Head of User Experience: Tobias&Tobias
tobias.tv
fidelity.co.uk

Worked closely with the UI team as a lead designer for the redesign of their mutual funds purchase path. This user state flowchart illustrates various routes through the modal environment. I find consistently that when you diagram out all the user states and instances it outlines all the screens that need to be accounted for and pulls the whole system into perspective. Responsibilities included supervising visual design and HTML creation, hand-off to the tech team in India, usability study scripting and final UAT testing and bug tracking.

View Fidelity International work sample PDF

 


 

Betfair

click on image to view detail

Betfair Sportsbook prototype wireframe: 2007

betfair.it sportsbook
Sr. Information Architect: Betfair
www.betfair.it

My last assignment at Betfair was the information architecture for a new sportsbook web site for their Italian license. We built a translated test prototype and conducted usability sessions in Milan.

This is what I call a ‘thumbnail sitemap’ showing the prototype navigation and the page template usage for the test. I like combining ‘thumbnails’ in sitemaps because showing content blocks adds another layer of detail to understanding the content and its relationship to navigation and design.

View Betfair work sample PDF