User Interface Design


user interface main banner

Each application has its unique set of challenges, so no project is one size fits all. Whether your application is a web app, mobile app, desktop client or any other device, like a set-top box, our approach ensures that you achieve both business and user objectives, while providing engineers an application that can be developed in your timeline.

Discovery

To commence application design work, we start with a kick-off meeting with the key stakeholders of your project. This meeting serves as a knowledge transfer where discuss your vision for the application, your product and marketing requirements, technological limitations, competition, and discuss who your users are. We talk about how users are currently using your application (if it’s in the market), and go over any pain points they are facing. We also go over any future features, not yet ready for release. This will allow us to design an application that can grow with your vision. As part of the Discovery phase, we do some of our own research including reviewing any relevant customer feedback and analytics, and reviewing other material concerning your industry.

 

user interface

Interaction Design

In the Interaction Design phase, our Information Architects set up the overall structure of the application in an Application Map. From there, we address screen-level interactions and workflows through UI Sketches and interaction flows. Once the page layout is set, our Visual Designers will develop the look and feel of the application. We can adhere to any branding guidelines, if you have them, or we can create an entirely new look for your website. Our approach to Visual Design is to provide you with two to three different approaches, and we have multiple designers work on these to make sure you get a wide range in approaches. Based on your feedback, we narrow these approaches down to one, and develop the remaining screen templates for the application.

HTML Template Production

We can provide HTML Templates for web applications. Our standard approach is to code to web standards typically in HTML 5, CSS 3, UTF-8. We apply industry best practices for search engines, human accessibility and site architecture. . That means we implement a strict separation of structure (semantically correct pages), style (external style sheets) and behavior (external scripts); and we follow general Section 508 accessibility guidelines. We use a proven, cross-browser compatible, JavaScript library – jQuery – to implement all site behaviors. If you have different requirements, we can change our coding style to meet your unique requirements.

For all projects, we recommend taking advantage of one of our Usability Services to ensure that user stays in the center of the design process.