Information Architecture - Think it First

Information Architecture

Information architecture is about helping people understand their surroundings and find what they’re looking for.

IA is part of our design process

We believe strongly in usability. At its core, the structure for a website, mobile application, or technology product must allow us to understand where we are as users, and where the information we want is in relation to our position. Websites that consider organization, structure, and logic consistently outperform the competition and provide tangible benefits to users.

Without IA, there is no design. We covet information architecture as the endoskeleton to our design process. This skillset allows us to create easy to use websites and apps, make online information easy to find, solve usability problems, and make your users happy.

Sitemaps & User Flows

Often our first step to a website redesign, we create an existing site map showing your current website architecture. Using this sitemap as a guide, we then develop a revised site map which will outline our proposed new page structure, hierarchy, content relationship, and identify required page template types.

View an Example Sitemap

Wireframes

Wireframes are the best way to represent the connections between different screens and identify how the site will work from a practical perspective. As a key part of our design process, wireframing allows us to plan your site visually. Decisions related to the customer and/or user’s “experience” are made here, ultimately allowing us to craft a desired behavioral outcome from elements on the screen. This becomes not only a valuable deliverable to you, but an internal roadmap for our developers and visual designers to reference as they build mockups, prototypes, and final products.

View an Example Wireframe

Prototypes

Prototypes are the results of the design phase. They help visualize more complex interactions and content organization often seen in the design of websites and mobile apps. At this stage, clients can interact with the designs to uncover any pitfalls in usability, or to test how pages are stitched together for further iteration.

We use Invision for the creation of Wireframes and to stitch together full Prototypes, it’s the best in the business.