CollectiveZen follows an iterative process to design your world class software applications.
Wireframes reproduces the experience of sketching interfaces on a whiteboard, but using your computer, so they’re easier to share, modify, and get honest feedback on.
Wireframes look like sketches, so stakeholders won’t get distracted by little details, and can focus on what’s really important instead.
Wireframes also excels as a communication tool, a way for the whole team to come together around the right design.
it enables Product Managers to better present requirements.
it’s polished enough for UX Designers to describe elements in their design
it’s allows clients and customers to describe their needs more clearly
Wireframes elicits honest feedback, which results in better wireframes, which results in easier to use features, which results in happier users of your software or website, which is what it’s all about.
Guided Wireframe Narrative
The key to using a low-context medium (wireframes) to illustrate high-context information (applications / software) is to narrate the information in layers or in dimensions. In short, we built a story. But because application dont behave linearly, multiple stories need to be constructed. We call these stories the Guided Wireframe Narrative.
Stories or narratives focus on four main dimensions:
Screen real estate
Presenting one dimension of information at a time allows clients to focus on one particular aspect of the design at a time, avoiding information overload and the inevitable resulting confusion. This approach also works because interaction designers can focus on setting patterns, not designing or documenting every single “page” or “state.” We simply design the patterns and the exceptions.
This is done by developing a click-by-click walkthrough using commentary bubbles, progressively narrating each convention or process. The architect must hit every convention and task to illustrate all design conventions and patterns of interactivity. The only thing left to do is to design the exceptions–which, by definition, are few.
The narrative design process:
Do preparatory work (client meetings, requirements review, user interviews, establishing creative strategy, etc.).
Design the wireframe.
Import the wireframe images into PowerPoint.
Focus on one of the four design dimensions.
Point out the different aspects of the given design dimension using callouts.
Sequence each callout such that one callout is revealed at a time, building to comprehensively describe and document the dimension.
Wireframes are our friends because they are:
D-501, DSK Sundarban,
Malwadi Road, Hadapsar
Pune - 411 028, Maharashtra
Tel: (+91) 020 2672-2150
Mobile: (+91) 9970192050
The convergence of commoditized infrastructure, multi-gestural interfaces, the emerging ubiquity of the mobile Internet, and location-based services has made the world an exciting place and we are extremely passionate about the potential that technology holds for all of us.