USER INTERFACE DESIGN SPECIFICATION

<Product Name>:
<Spec Name>
Versio !"#
$ue !%& '##(
UI Cotacts:
Jane Smith (jsmith@somecompany.com)
John Jones (jjones@ 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 A> 4
<(eneral description of area> )
<Page*Screen +"> )
<Page*Screen +&> )
<Page*Screen +,> )
- %
4 <Functional Area B> 6
<(eneral description> '
<Page*Screen ."> '
<Page*Screen .&> '
- '
5 Revision istor! "
6 #$en Issues%
Confidential and Proprietary, <company name> Page & of /
UI Design Spec: <Product Name> <Spec Name> !ersion ".# $une "%, &##'
' Itroductio
012ings you can discuss in t2e introduction:
12e scope of t2is spec
1erminology * 3asic 4oca3ulary
5ig26le4el flo7
+reas t2at are co4ered in ot2er specs * documents
8eference to a Common UI spec, patterns li3rary, etc
8eferences to ot2er support documents suc2 as researc2 reports, prototypes, etc 9
Confidential and Proprietary, <company name> Page , of /
UI Design Spec: <Product Name> <Spec Name> !ersion ".# $une "%, &##'
, <Fuctioa* Area A>
<Geera* descriptio o+ area>
012ings to consider including 2ere:
.rief description of area
Definitions
.loc: flo7 for tas: area
Design rationale, etc 9
<Pa-e.Scree A!>
0Notes specific to t2is screen9
&creen sa'$le(s) I* Ite' *escri$tion
<$ri'ar! screen>
Source: ;ireframe<ileName.ai
+ 0name of field,
control, or input
e4ent9
0<or field, descri3e contents, including te=t format, alignment, and any rules go4erning
conditional te=t.
<or a control, descri3e its response to 4arious input e4ents, 72en it is
ena3led*disa3led, options a4aila3le, placement 7it2in t2e screen, etc.
<or input e4ents, descri3e t2e response. 12e response may 3e a state c2ange for t2is
screen, na4igation to a ne7 conte=t, etc. Include discussion of animations, error
conditions, etc.9
0date of
c2ange9
.
C
D
>
<
(
5
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 Bu-(s)
".# $une
"%,
&##'
$ane Smit2 0?ist of items 72ic2 7ere added, modified, or deleted.9
0@ay include rationale for 72y c2ange 7as made.9
0IDs of 3ugAsB
associated 7it2
eac2 c2ange9
Confidential and Proprietary, <company name> Page C of /
UI Design Spec: <Product Name> <Spec Name> !ersion ".# $une "%, &##'
( Ope Issues
+ersion *ate Aut,or Issues Bu-(s)
".# $une
"%,
&##'
$ane Smit2 0?ist of open issues9
0Update to include resolutions once issues are closed9
0IDs of 3ugAsB
associated 7it2
eac2 issue9
Confidential and Proprietary, <company name> Page / of /