interactive prototyping, medium or high fidelity prototype » alpha cube

By: Alpha Cube  09-12-2011
Keywords: web site, Web Development, Web Sites

What it is

Prototyping is the process of inexpensively modeling design ideas prior to implementating a final product. These prototype models can then be evaluated, changes made rapidly, and the prototype evaluated again, thus informing the design process.

How It Benefits You

Prototyping Web sites and applications prior to application development and final production carry many benefits, among them:

  • Communicating the design effectively to your team.
    A picture is worth a thousand words; an interactive tool, much more than that. A prototype provides a "proof of concept" for the Web site or application; that is, its features and functionality and how they are expressed within the site structure and navigation, information design, and process flow. In short, a prototype informs a client what the system intends to deliver and what it will be like for users to interact with it. With this knowledge, a client and the development team can prioritize feature and function development, as well as make tradeoffs to the information architecture.
  • Allowing for participatory design.
    Prototypes can also be made available for input from a wide variety of users, client team members, and development team members. For these reasons, prototypes lend themselves to a participatory design process where many key roles have "buy-in" to the nature and behavior of the final software product. In this way, prototyping helps gain timely sign-offs from clients and developers.
  • Supporting iterative development.
    Frequent user testing and subsequent prototype revisions can also support an iterative development process. In this way, the Web site or application interface can evolve (through the process of either adding, refining, or removing features and functionality) until it reaches a stable state, at which time the build stages of application development and final production begin.
  • Facilitating detailed requirements gathering.
    As outlined previously, prototypes provide a common ground of understanding between users, client team members, and development team members. Thus, they greatly help in fleshing out requirements, particularly in developing business requirements and use cases. Ideas for what the system should include or how it should function can be quickly worked into the prototype and then, once agreed upon, reflected within formal requirements.
  • Guiding later development stages.
    Once a prototype is developed and approved, it becomes the blueprint, the common communication tool guiding stages of the Web development process. Creative composites (or comps), which model the visual look and feel of a Web site or application, use prototypes to inform navigation and information design. Application developers can use the prototype as a live representation of the use cases (even to the point of using prototype pages as a test front-end to their code) and to understand how the system is intended to interact with users. Similarly, production team members can use the prototype to identify the information layout of each Web site page, as well as the graphics and content that need to be gathered.

What we do

The term "fidelity" refers to how closely a prototype resembles a final product. Prototypes come in different forms ranging from paper sketches (low-fidelity) to high-quality HTML representations (high-fidelity), complete with visual look and feel, graphics, and in many cases, and some back-end functionality.

  • For most projects, Alpha Cube develops medium-fidelity prototypes, which are text-driven interactive tools that communicate the site's information architecture but contain no visual look and feel and few graphics. Their advantage is that they provide a feel for what information the site will contain and how it will behave in terms of structure, navigation, information design, and process flow. But they do not contain specifics about visual look and feel and extensive graphics, which can be a distraction during decision making. Back-end functionality is simulated, so that your team gets a real feel for how the site will behave.


Keywords: Web Development, web site, Web Sites

Contact Alpha Cube

Email - none provided

Print this page

Other products and services from Alpha Cube


localization to Spanish, Spanish translation, Spanish usability test, interface design » alpha cube

Conduct a usability test of your software or hardware product, which can be tested with real customers to get their immediate feedback and make necessary adjustments to the user interface, prior to development and final production. Localization is the process of adapting content to meet a specific language, culture and requirements of a local market.


just-in-time" usability testing, recommendations for enhancements » alpha cube

During the test, our team observes the paths users take to complete tasks, the reasons why users may get confused or frustrated, whether users succeed in doing the task, and how satisfied they are with the experience. Conduct a single usability test and deliver a report with specific recommendations to change affected areas, as well as recommendations for further enhancements.


user experience evaluation, expert design review, heuristic evaluation, competitive assessment » alpha cube

Our team evaluates the user experience design of your product to assess how well the design is meeting user goals and established business objectives. Creates a report with specific recommendations to change affected areas, as well as recommendations for further research. The user interface is assessed to identify compliance with recognized usability principles and industry best practices.


design patterns development, ensuring consistency » alpha cube

To address design problems in Web designs, many corporations develop user interface design standards documents or "look-and-feel" guidelines. Applying patterns regardless of the software development methodology used by your team, from waterfall to iterative and agile approaches. They explicitly focus on a problem within the context of use and guide the designer about when, how and why a solution can be applied.


user interface design for web sites, web applications, mobile devices » alpha cube

Our team's focus is to minimize or eliminate frictions, which are activities and tasks that users may do which are extraneous to their main goals. We design the final visual aspects of the site (images, icons, buttons, etc.) and deliver comps or a high-fidelity prototype. Users can focus on their goals, rather than being distracted by user interface actions and design elements.


information architecture, navigation and interaction design » alpha cube

Using this information, we group the site content it into a logical and streamlined organization, using techniques such as card sorting and card-assignment among others. We also develop labeling systems that provide a strong "scent" for information and invite site exploration. Conduct benchmark usability testing to identify problem areas for users in completing key tasks. How many steps will it take to complete a transaction.