USER INTERFACE DESIGN SPECIFICATION

<Product Name>:
<Spec Name>
Versio !"#
$ue !%& '##(
UI Cotacts:
(XXX@somecompany.com)
(XXX@ somecompany.com)
<company logo>
Confidential and Proprietary, Zermatt Systems, Inc.
UI Design Spec: <Product Name> <Spec Name> !ersion ".# $une "%, &##'
! Ta)*e o+ Cotets
1 Table of Contents 2
2 Introduction 3
3 <Functional Area> 4
(." <)eneral description> *
(.& <Page+Screen ,itle> *
4 Revision History 5
Confidential and Proprietary, <company name> Page & of -
UI Design Spec: <Product Name> <Spec Name> !ersion ".# $une "%, &##'
' Itroductio
.,/ings you can discuss in t/e introduction:
,/e scope of t/is spec
,erminology + 0asic 1oca0ulary
2ig/3le1el flo4
5reas t/at are co1ered in ot/er specs + documents
6eference to a Common UI spec, patterns li0rary, etc
6eferences to ot/er support documents suc/ as researc/ reports, prototypes, etc 7
Confidential and Proprietary, <company name> Page ( of -
UI Design Spec: <Product Name> <Spec Name> !ersion ".# $une "%, &##'
, <Fuctioa* Area A>
<Geera* descriptio o+ area>
.,/ings to consider including /ere:
8rief description of area
Definitions
8loc9 flo4 for tas9 area
Design rationale, etc 7
<Pa-e.Scree A!>
.Notes specific to t/is screen7
creen sa!"le#s$ I% Ite! %escri"tion
<"ri!ary screen>
Source: :y; file name
5 .name of field,
control, or input
e1ent7
.<or field, descri0e contents, including te:t format, alignment, and any rules go1erning
conditional te:t.
<or a control, descri0e its response to 1arious input e1ents, 4/en it is
ena0led+disa0led, options a1aila0le, placement 4it/in t/e screen, etc.
<or input e1ents, descri0e t/e response. ,/e response may 0e a state c/ange for t/is
screen, na1igation to a ne4 conte:t, etc. Include discussion of animations, error
conditions, etc.7
.date of
c/ange7
8
C
D
=
<
)
2
I
<Pa-e.Scree A'>
<Pa-e.Scree A,>
Confidential and Proprietary, <company name> Page * of -
UI Design Spec: <Product Name> <Spec Name> !ersion ".# $une "%, &##'
/
Confidential and Proprietary, <company name> Page % of -
UI Design Spec: <Product Name> <Spec Name> !ersion ".# $une "%, &##'
0 <Fuctioa* Area 1>
<Geera* descriptio>
<Pa-e.Scree 1!>
<Pa-e.Scree 1'>
/
Confidential and Proprietary, <company name> Page ' of -
UI Design Spec: <Product Name> <Spec Name> !ersion ".# $une "%, &##'
% Re2isio 3istor4
&ersion %ate Aut'or C'an(e )u(#s$
".# $u "', year >yy name .?ist of items 4/ic/ 4ere added, modified, or deleted.7
.@ay include rationale for 4/y c/ange 4as made.7
.IDs of 0ugAsB
associated 4it/
eac/ c/ange7
Confidential and Proprietary, <company name> Page C of -
UI Design Spec: <Product Name> <Spec Name> !ersion ".# $une "%, &##'
( Ope Issues
&ersion %ate Aut'or Issues )u(#s$
".# $an "', year >yy name .?ist of open issues7
.Update to include resolutions once issues are closed7
.IDs of 0ugAsB
associated 4it/
eac/ issue7
Confidential and Proprietary, <company name> Page - of -