This section covers a variety of ways in which Information Architecture (IA) is designed, and refined, to produce an outstanding user experience within the scope of requirements and business goals. It includes: Storyboarding, Decision Points, Error Handling, 3rd party App/API Integration, Adaptive UI, Searching multiple platforms, Sitemaps, Functional Testing, etc.

Rapid IA (Low Fidelity)

Below is an example of a quick collaborative team session to layout the sitemap for an app during the transition between initial research and conceptual phases.

post-its3

Strategic Level IA (Medium Fidelity)

Below is an example of a more strategic level sitemap for a more complex platform that is an integration of a several varying new and existing applications and APIs. It is structured to provide the user with a clear means to aggregate information as well as navigate down for more detail.

mobile social architecture.jpg


High Fidelity IA
(Decision Points, Error Handling, UI/App/Platform Interactions)

During one extremely complex app development project (with a multitude of server interaction and alternative configurations) the design and dev team struggled to comprehend each others work. I took to create a meld of both the server calls and decision points to adjust configuration settings with the actual screen UI. It was a bit of a use case monster document but it was extremely effective in getting the two teams on the same page. The below covers: use case decision points, error handling, 3rd party App/API integration, adaptive UI (only showing the user whats needed at each stage), and Searching multiple platforms.

mobile-detailed-architectur

Collaborative IA Communication

Being able to collaborate digitally is great, however sometimes you just have put this stuff up on a wall for people to truly see the big picture in how the pieces are coming together.

whiteboard sitemap.png


Use Case/Storyboarding

An use case example focusing on a specific high priority task flow for a user to configure their email set-up.

storyboard

 


Functional Testing Support

I don’t just design UI and then move on to new work. I’m always involved with the functional testing of applications before launch. The following is an example of a beta version review feedback I provided to the dev team.

mobile-testing