Take a look at my Joy of sketch(ing) article for more on sketching. In this article, we talk about using software design document templates. To be compliant with the license, I suggest you to keep the following sentence at least once in the templates you store, or use, or distribute:
This Template is the property of Cyrille Michaud License terms: see http://blog.cm-dm.com/post/2011/11/04/License
Who am I? A prototype is basically a semi-functional mock-up of the design. Please note that the majority of these example documents are not my own. Limited Time Offer The parent node is PrototyperInfo. From the Controls group, youll be using the following items: To include one of these items in your document template: Highlight the text or select the image you want to associate to your prototypes data. The typical document consists of hand-drawn screens or mock-ups. Click Below to download Test Case XLS. To define the style of a paragraph-like piece of text, place the text
specifications, a style template and a content template. A UI specifications document describes in detail what a website or application should contain. For the authors name, well use the CommentAuthor tag, for the date, CommentDate and for the comment, CommentContent: Next, youll need to add a Rich text control to the element to add all of the prototypes comments. projects. Interface Template Interfaces w Interfaces are the means by which components interact An interface is a list of operations providing a coherent service. Trying to send it with a higher transfer rate may derive into communication errors, due to the limitations of each particular link to . A real life Scenario for the system or site you are developing. The template is already attached to the content template discussed in
Some good ones include: As described on the cleverly titled Styletil.es website style tiles are, a design deliverable consisting of fonts, colours and interface elements that communicate the essence of a visual brand for the web. You can free download any kinds of ui ux design templates here. Creative Design. List the version, date, author, and any notable changes or milestones (usability testing, cognitive walkthrough, final sign-off). Free Sketch UI Style Guide Template In the upper left-hand corner of this container, youll find a mini tab. Cv Templates Filetype Doc . Task analysis involves breaking down a larger task, such as sending an email into its constituent steps and stages. Download this Sample UI/UX Designer Portfolio Presentation Template Design - Free Image, Photo, Google Slides, PowerPoint, PDF Format Get access to ALL Templates, Designs & Documents. Scenarios are great for identifying the features and functionality that will be required to support the desired scenario and for bringing a future product or service to life by telling the users story. interface specification. A Usability Research proposal should be used to obtain approval for Focus Group Testing to explore From the File menu, select Save As. Use this Requirements Specification template to document the requirements for your product or service, including priority and approval. Personas are fictional representations of your users (a bit like user stand-ins). Style Tiles are similar to the paint chips and fabric swatches an interior designer gets approval on before designing a room. The 11 sections will prove a valuable guide for your product team. These specification documents are generated in .docx format and provide a formal print deliverable of your prototype that you can then distribute to stakeholders or colleagues. You can use this Design Document template to describe how you intend to design a software product and provide a reference document that outlines all parts of the software and how they will work. The application will collect numerous data points from the devices A well-written FSD is useful for formalising expected user experience from a software product. Templates PNG Images Backgrounds Illustration Decors & 3D Models E-commerce Photo UI. If the patient is not the user, information on the level of instruction of the personnel may be also relevant for usability specification. Resources Conducting one-on-one interviews in order to gather behavioral data regarding To solve some of the knotty problems of search in the consumer healthcare space, there was a lot of exploration on the design side. Ui specification document template jobs. Visio set of stencils that are commonly used in Web based applications or sites during the wireframing process. UI/UX Software Design Early Stage: 4 Design Research Deliverables. 30 +Create Amazing Designs With UI PSD Templates. Requirements dont have to be put in the formal format (see 1.4 conventions). This ensures that your proposed UI performs as you planned but also confronts issues that may need resolution prior to development. Search for jobs related to Ui specification document template or hire on the world's largest freelancing marketplace with 20m+ jobs. Usability reports are typically used to either detail an expert evaluation, such as a heuristic evaluation or cognitive walkthrough or to communicate the results of some usability testing. Find Best Online Ui specification document template jobs by top employers. None the less they can be a useful UX document for showcasing concepts and early designs. It has a number of
Use the Comment tag, which includes the repeat attribute. Participatory design (and initial design in general) tends to be done at a low degree of resolution. Download sample user interface document in PDF format (File size: 47 KB), a Word for Windows document (File size: 161 KB), or as a zipped RTF file (File size: 107 KB). A system map visually shows the different actors and artefacts for a given product or service, along with the relationships between them (think of it as an eco-system map). It includes guidelines for typefaces, UI elements, colors, grids, and more. Your document template should look something like this: Add Image controls to the images. Personas help to put a human face to users. It will often not just cover the visual look and feel of elements (such as text, buttons, UI components etc), together with the HTML and CSS code, but also detail design patterns and correct usage. Task grids are very similar to experience maps, but typically show an existing task, rather than a future, desired experience. T ; 5 out of 6 people failed to complete the task without help. Add also a traceability matrix in 4 of the SRS between high-level requirements of this document and lower-level requirements of the SRS,
Or fully written in the SRS. Source of wrong situation are the user, the patient and their environment. Use A functional specifications document is meant for all the stakeholders involved in product development. Download Now for only $9.99 Introduction. \ Has tags are Boolean (true/false) statements that will be determined depending on the content within your prototypes screens. References Normal ambient conditions
. Otherwise the Developer might just guess and this can break models and patterns the Usability expert has already defined. After all, a robust specification establishes design specs, which inform the experience users ultimately have with your product and overall brand. Style tiles are more of a graphic design deliverable than a UX document. As a result, a reference document comes for the proposed product. Use the IncludeComments tag. 4.0 User interface design. The primary audience includes UED, Engineering, Production, QA, and Customer Care. offer additional information for usability testing; this data provides quantitative data to the research exercise. To get started, go to the "Developer" tab in Microsoft Word: If this tab is hidden, you can retrieve it by going to File>Options>Customize Ribbon and moving the . Technical communicators generally prefer Adobe FrameMaker. Job Bank Usually that shape is a cloud (hence the name), with the size of words increasing with their importance or frequency. t 0 6 4 4 As Susan Roberson outlines in her excellent creating Style Guides article, a style guide is a living document of code, which details all the various elements and coded modules of your site or application. This document is usually written for design teams. While most advanced designers would opt for a paid version, some go for the free ones too. Similar to the visual design style guide, UX product specs should document the reasons behind your UI element to an atomic level (Atoms are the smallest UI element such as labels or buttons) by describing its usage. The title must follow the xml tag hierarchy, so refer to the Comment node in our hierarchy.xml. There are lots of example style guides out there. You may do the review with a powerpoint presentation or (better) with a mock-up of your software. User Interface requirements for the main scenarios
Describe here the requirements for the main scenarios. Use the ScreenComment tag which includes the repeat attribute to surround all the elements which include a comment and the Screen tab, which also includes the repeat attribute: Your document should look something like this: Open a new document in Microsoft Word and add a large image representing the prototypes current screen and another to represent its other states (e.g. Individual interviews allow Do the following: Use a popular office software suite like Microsoft Office 365. Using the raw data and any recorded tasks would be bundled into this presentation for support and a full understanding of the results. We hope to add FrameMaker templates sometime in the future. feedback. They show what the finished design should actually look like. You can add a condition, which will ensure the comment element is not printed if there are not comments present. So you can simply use the content template. Johnny Holland have a set of Storyboarding & UX articles that are well worth a read if you want to find out more about storyboarding. Inserting one of these tags, will trigger a recursive loop, printing all included items. Word usually can fix these minor problems itself. Revision History. application. Tutorials In this case add a reference to this document in 3.4 of the SRS. interaction with the identified system or Web site. Find Ui specification document template jobs. For example, you might have an experience map for going on a holiday which would cover everything from researching holidays, to actually going on the holiday and then writing a holiday review. ), level of instruction, anything that could impair the use of software. We use cookies to ensure that we give you the best experience on our website. A UI specification defines the rules of engagement for a user interacting with a specific page on a website or screen within an application. Report-example . &F
gdCf Your specification template should layout clear milestones. From my mentor, I learned that what I built is called UX product specifications. This documentation is commonly known as a UI specification or UI spec. They are fictional, but should be based on fact. You can select a style
Harvard Style Citation Lab Report Lab Report Citation Generator Lab Report Citation Format In Text Citation Lab Report . Actors might be users of the service or staff actually delivering a service. 1 Introduction 1.1 Purpose <Identify the product whose software requirements are specified in this document, including the revision or release number. This chapter is filled when the preliminary interface or mock-up has been validated during a review with selected end-users. In fact, we've even included a few functional specification document examples below that you can download and fill in immediately. Activities such as gathering the requirements, planning the project, and designing the specifications are good examples. Both high-level and low-level designs are included in this document. See my linkedin profile:
http://fr.linkedin.com/pub/cyrille-michaud/0/75/8b5
You can remove this first page when youve read it and acknowledged it! From the Format menu, choose Style. They do ui map must sometimes software documentation causes many ui specification document template. There is more information about empathy maps, including even an online empathy mapping game on the innovation games website. template determines the appearance of the document. It includes the page layout, what data elements to include, how each can be accessed, and other valuable information.
%
&
t j hCf UmH nH u jG hCf UmH nH u j hCf UmH nH u jM hCf UmH nH u "hCf 56CJ ]mH nH sHu j hCf UmH nH u j hCf UmH nH u hCf mH nH uhCf CJ mH nH sHu -&
'
(
)
*
/
0
a
b
|
}
~
: ; U V W X Y Z ] ^ x j hCf UmH nH u j; hCf UmH nH u "hCf 56CJ ]mH nH sHu j Human-Computer Interaction Resource Network, Home dialog when you open a new document or you can attached it to an
The content template
The following UX documents and deliverables are covered: Content models| Empathy maps| Experience maps|Mental models| Personas| Process diagrams| Prototypes| Scenario maps| Scenarios| Sitemaps| Sketches| Storyboards| Style guides| Style tiles| System maps| Task grids| Usability reports| User journeys| User story maps| Visuals| Wireframes| Word clouds. Here youll find articles and presentations Ive written covering UX, product design and product management. You may also read chapter about software in AAMI HE75, 2009 Human factors engineering. Essay-example . They help form a common visual language between the designers and the stakeholders and provide a catalyst for discussions around the preferences and goals of the client.. The specification covers all possible actions that an end user may perform and all visual, auditory and other interaction elements. Included below is a standard purpose of the FSD, but modify the description as needed.> . In this example, the sitemap node is the parent node. Extract your survey results and compile into an excel spreadsheet to get an overall view of your users and their ideas on expectations, challenges, likes and dislikes. provides demographics of the users but offers them an anonymous outlet for Both are different in few Areas. Best brought together in a sequence of pages to illustrate paths of navigation and interactions on the page. 1998-2011 HCIRN |
The role of the interaction designer is to specify the interface's behaviors and elements, so that engineers know what to build and how the product should operate. Note that the document names in the "Fulfilled in Document" column are based on the OpenRegulatory templates. To create a specifications document template, youll need to maintain a hierarchy of XML tags in order to retrieve the correct data from your prototype. The concepts and techniques exposed in this document shall be carefully applied in any SISNET development, in order to obtain SISNET - compliant software. On a handheld PC
On a smartphone. Environment: environment of use may be source of human errors, like noisy environment, too dark, telemedecine platform
General:
Hospital
Home with remote connection
Ambulance
Conditions of visibility:
Ambient luminance 100 500 lux
Viewing distance 20 cm to 1 metre
Viewing angle: normal to the scale 20
Physical: physical conditions of temperature, pression, vibration. "On projects following Agile methodology, Requirements are a living document." Requirements Document Example. Like scenario maps they can either be for existing scenarios, or for envisaged scenarios. In a way, your user interface is the connection between humans (your users) and a machine (your product). In the Templates and Add-Ins dialog attach
The style
It is a good tool for designers to create a website/app with bright colors. Compile all of your results into Usability Testing Results Presentation an overview or executive summary. It also defines how a user will interact with the page or application. Sometimes these are billing thresholds as well, but at the very least they provide a clear metric toward completion. Not to mention the commercial success of your medical device and thus your company is . companies to test scenarios and tasks that will be timed and/or assessed and Created by one of our product managers with 10 years of experience, you'll learn actionable tips you can use immediately. It's free to sign up and bid on jobs. The Product Design Specificationdocument documents and tracks the necessary information required to effectively define architecture and system design in order to give the development team guidance on architecture of the system to be developed.The Product Design Specification document is created during the Planning Phase of the project. as a template: In order to use the template, you can either select it in the New
There currently there is used for. A list of tags in a Justinmind-created XML file will help you define your document template. Sitemaps show the pages and screens that make up a website or application, or a particular part of a website or app. S Your resource to discover and connect with designers worldwide. likely to change as the design process progresses and functional Word clouds (sometimes confusingly called tag clouds) are simply a way of visually displaying a set of words as a shape. List the users: patients, medics, paramedics, IT personnel
There may be more than one type of users with software. For example, the milestones section in your software design document template might look like: Facade application showing screen with temporary transitions and example images / text. Empathy maps are a good way to bring personas to life, to encourage empathy with users (the clue is in the title) and buy in from the wider project team. Examples:
Quick computation of xxx
Always display xxx
Use on tablet PC
Resulting hazardous situations and harms
List here the hazardous situations generated by misuse or things that ma go wrong listed above. These templates already come with a table of contents and many come with all of the sections and headers you will need. X They not only capture the steps but also good ideas, questions and other information that might be useful when considering a design. Links, Designing Web Applications Empathy maps typically (but not always) accompany personas. We have chosen Microsoft Word for these templates because it is more
t 0 #6 4 4 The system gives a high level overview of the software application to be built, sets the tone for the project, defines what the long term . Thank-you for downloading the
Usability Specification Document Template!
' The key for any usability report is to keep it as brief as possible (theres nothing like ploughing through a 100 page+ report) and to use visuals wherever possible. U For all remaining Dynamic Panel items, see ScreensDynamicPanel (link to in the Screens section above). A software design specs are usually written for developers and contains all information about how the future product should work. The MMS is intended to replace the legacy maintenance tracking system currently used by Acme Corp. By designing, testing, and deploying the MMS, Acme Corp. will improve its capabilities in maintenance . Utilize a popular flowchart tool like Microsoft Visio to create user flow diagrams. However, the modification of templates to produce new templates is in the scope of the license and is not allowed by this license. The bundle includes 16 different screens you can easily customize using Sketch, Figma, or Adobe XD. Tags that start with
: bjbj ,
" " " " 8 Z " R j D : # `* L, kR mR mR mR mR mR mR vT W mR D- n# @ # D- H- mR / p R / / / L- f R kR / D- kR / / 2 N " ;Q c(~ " . He has also handily written a book about user story mapping. In order to use the
Storyboards are borrowed from cartoons and the movies (never be afraid to nab a good idea if you see one). If this tab is hidden, you can retrieve it by going to File>Options>Customize Ribbon and moving the Developer tab from left to right. when additional panels from within a Dynamic Panel are active). The value of Has tags will appear automatically when elements, events or prototype components appear in a prototypes screen. This System Design Document has been created to outline the proposed system design for new Acme Corporation Maintenance Management System (MMS). Designing User Interfaces, Home> Tutorials> Designing Documents> User Interface Specification Templates. Its format has been developed over a number of projects. Experience maps (sometimes called Customer experience maps) show a customers end to end journey and experience for a given goal. document as a template, delete the content of the document and save it
Replace the Title and Tag input text fields with NavigationMap in Properties. Mental models are useful for communicating and capturing user behaviour and for identifying design opportunities. This should hopefully provide a bit of inspiration and assist when it comes to choosing the type of document(s) to produce. Report-example . groups are increasingly used by companies to obtain research data and to gather In general, UX product specs include all your UX . Pre K Report Card Template Free . Select your document template from your folders and click Generate Report. Contact Us |
<specify what UI control will be on screen> <specify if field is mandatory> <specify if field is editable> <Specify the data type that will be used for this . Template Cv Bootstrap Free. User interface requirements for those functions that are most frequent or related to safety
Describe here the requirements for the scenarios that are most frequent or related to safety. To get started, go to the Developer tab in Microsoft Word: The interface allows the user to add butter y sightings into the system. There are several applications for authoring a UI spec, with wikis being a relatively new tool. Choose tools and templates for creating a functional specification document (FSD) You now need to choose the right tools and templates to create an FSD. Developers use APIs to write software, and the . Use case diagrams may be a adequate. Websites Break the screen up into sections. These requirements, here or in SRS, may be mitigation actions and may be added to the risk traceability matrix located in the risk analysis report. This will help organize your document. 1. This technical specifications document template is designed to help you create a detailed report for IT projects, which could include addressing infrastructure issues, system updates, and other technical projects.
For example, when planning a night out with friends or deciding where to go on holiday. 2. Add Rich text controls to the comments and to each elements in the document that represents a screen. This means developers can easily add code blocks to a document with a single click! For years wireframes have been the key UX document for UX designers. Word clouds iOS and Android devices and UI libraries update, Scenarios module: User Flows, Sitemaps and diagrams, Creating specifications document templates, XML tags for specifications document templates, Creating your specifications document template, Tips for creating specifications document templates, Multiple users editing the same prototype, Justinminds integration with Illustrator, Justinminds integration with Atlassian Jira, Justinminds integration with Azure DevOps, Justinminds integration with user testing tools, Rich text: used to display formatted text, Plain text: used to display plain text and text with line breaks, Printing your sitemap and all of your prototypes comments, Printing all prototype screens and comments, Printing all screens, including all Dynamic Panel panels. Sign in|Recent Site Activity|Report Abuse|Print Page|Powered By Google Sites, Designer, IDC (Information Design Consultant), and UI, Create Heuristics They typically focus on what a user will do, not necessarily how they will do it. Instructions: Describe accessibility considerations in your user interface design and insert your section 508 compliance related documents or provide a reference to where they are stored. We are one of the best free ux design templates provider. Usability Specification Document Template TABLE OF CONTENTS 1 Introduction 2 1.1 Document overview 2 1.2 Abbreviations and Glossary 2 1.2.1 Abbreviations 2 1.2.2 Glossary 2 1.3 References 2 1.3.1 Project References 2 1.3.2 Standard and regulatory References 2 1.4 Conventions 2 2 Inputs to the usability specification 3 2.1 The report template involves 29, but that number includes some very simple ones, such as page size and orientation. The journey is usually broken down into the steps taken by the user, often with visuals shown to help illustrate the story. With Justinmind, you can easily generate specification documents, which serve as functional specification components of your prototypes. [ widespread. All the most relevant results for your search about Ui Design Document Template are listed to access for free. It features multiple screen layouts you can use to create map screens for various apps, including for hotels, restaurants, food delivery, and more. < Describe what a Functional Specification Document is and its intended purpose for the audience. l a p 9 : ; G q l g l b ] X X S gdCf gdCf gdCf gdCf gdCf gdCf kd $$If l F # m They are a bit like a blueprintfor the UI, showing which elements make up the UI and how they should behave, but not necessarily what the UI will look like. Open the specifications document you want to transform into a template or write your own from a blank document, using the above layout. Usually SDD gets create before to the actual development of the project code. 4 5 6 7 8 9 = Y Z t u v w x y ~ u jS hCf UmH nH u j hCf UmH nH u jY hCf UmH nH u "hCf 56CJ ]mH nH sHu j hCf UmH nH u hCf CJ mH nH sHuhCf mH nH uj hCf UmH nH u j_ hCf UmH nH u. + , - . 2.7. Each of these categories contains at least one item. Feedback |
Artefacts could be everything from a website, to a physical object such as a brochure or print out. It is a modified version of the Pressman's Adaptable Process Model template for a software design document. Design Document Template. or any review or meeting with users. Add an Image control to the image and a Plain text control to the screen name. Reuse items can be created for consistency within wireframes. To create a specifications document template, you'll need to open an existing specifications document from an existing Justinmind project and convert it into a template. Sketches are usually more of a design artefact than deliverable. System maps are great for capturing the different elements that are involved for a product or service (either existing or future) and for taking a more holistic view of the UX design. 1. Templates and Examples for User Interface Specifications Templates and Examples for User Interface Specifications Conceptual Level Semantic Level Syntactic Level Lexical Level Conceptual Level The conceptual design identifies the set of objects and actions the user needs to know about in order to use the system. This inventory shall be done for each type of user
For users without disabilities:
The most used functions are those for which a routine habit or annoyance of user may occur, source of hazardous situations (the user knows too well how to use). Customize as preferred. And possible causes:
Control system ambiguous, source of confusion
Difficult to know the software state
Ambiguous presentation, information difficult to interpret
Bad representation of data
Bad correspondance between connmands and actions
Bag correspondance between displayed data and real state
Contradictions in displayed data
Task which requires too much time
Samples of environment disturbance:
An alarm on another device interrupts the user. . To remove the control from the document, select the element inside the control and right click it. For instance, if there are comments within a screen, the value of the Has tags will reflect this. Dont add any controls to header or footers, as they wont be processed. choose Templates and Add-Ins. About Us |
Coming up with the UI Spec is an essential step for the product lead (usually the same person as the CEO/project lead in a small startup), as it forces them to visualize a rough draft of the app and put it in writing for the team to kick around. The only ones that repeat data are those marked with the repeat attribute. opinions about their perceived products and quality of a service. t 0 6 4 4 Following on from my article about how to create great UX documents, I thought that it would be useful to collate some example UX documents and deliverables together. Every possible state and variant of these components should be found here with a short description explaining when, why, and how they are used. UXPin's Product Requirement Document Template offers clear instructions with examples to get your client projects from inception to finished product. / 2 3 > ? Free download 7. They provide information about users, such as what they might be thinking, feeling, doing, seeing and hearing; together with pains and gains that they might experience. Think also about maintenance functions
Risk analysis
You may answer questions listed in annex E of IEC 62366 to do your risk analysis. Subscribe |
Answer (1 of 2): You can take a look at and download the following template. Scroll down to the bottom of the page for the download link. Instructions: Insert any user interface design documents or provide a reference to where they are stored. name, remove the descriptions in each section, and start entering your
Download this free Software Requirement Specification Document template and use it for your new project. Furthermore, you can find the "Troubleshooting Login Issues" section which can answer your unresolved problems and equip you with . Eg: particians for use, IT personnel for maintenance
If the patient is the user, give relevant statistical information on the patient population for usability: Eg: Age, patient state (physical/mental disablities? mental model) that users employ when undertaking a given goal. Raw data can also be helpful in demonstrating the majority i.e. Samples:
Ambient light is too dim,
User doesnt know when xxx
Preliminary review of the user interface concept
To fill this paragraph you should have done a user interface review with selected users or future beta testers. Jeff Patton also has lots of information about story mapping on this website. Create a Site Map that will be a project long document capturing high level architecture down to the small functional details as your project/interface progresses and solidifies. Software applications. There are two elements you can retrieve from your prototype to use in your document template: text and images. They are more commonly used by business analysts but can be equally used by UX designers to outline a set of user journeys, or the logic utilised within a particular part of a site or app. You can read more about word clouds in my Say it with a word cloud article. Text in paragraphs added after this help text is automatically set to the appropriate body text level. Section 1: Milestones. Multi-divisional Specifications Use this section to document the multi-divisional specifications to ensure that all applications will operate in a multi-divisional or multi-site environment while fully supporting local health care delivery. Go to the Contents tab and select the User Defined radio button. This will assist in establishing the requirements and needs of the This chapter is validated during the review at the end of the specifications phase. This will give you all the other states from a given screen: Make sure the XML hierarchy is well represented in the template. UI PSD templates are abundantly available online and many of them are even for free. Content items are shown together with their fields, types and the different relationships (such as ownership) between the content. UI/UX designers are the leading software's storytellers. Join the Early Bird list & get 30% off our 8-Week Design Systems Course with Dan Mall, starting February 13! To attach the template to an existing document, from the Tools menu
Design a beautiful and attractive map app screen using this UI kit. Abbreviations and Glossary
Abbreviations
Add here abbreviations
Glossary
Add here words definitions
References
Project References
#Document IdentifierDocument Title[R1]IDAdd your documents references. You can learn more about content models at Content Modelling: A Master Skill (A List Apart). Note: things can go wrong also during normal use. &. The introductory segment of the software requirements specification template needs to cover the purpose, document conventions, references, scope and intended audience of the document itself. . For a comprehensive list of prototyping tools out there take a look at Adaptive Paths Rapid Prototyping Tools list. In this case add a reference to this document in 3.4 of the SRS,
Or written in this document and completed in the SRS, with a lower level of detail. It includes input, output, control logic, storage, data handling, and security requirements. The expected results from testing are specified. (Section 1.0 is repeated from the Software Requirements Specification. This indicates, that the control is going to be repeated for all of the prototypes comments. Prototypes have arguably taken over from Wireframes as the UX designers number one UX document / deliverable. That document addresses all parts of the company, from sales staff to coders to designers. 1.2 Organisation of the Document The document is organised as follows: Chapter explains1 the objectives of this User Interface Document (UID) and presents an Then, select one of the items listed above (rich text, plain text or image). For the actual document itself, using a functional specification document template is a no-brainer. Also take a look at my Moving from task based to experience based design presentation that covers experience mapping and these additional example experience maps from UX Lady. Tailor the specification to suit your project, organizing the applicable sections in a way that works best, and use the checklist to record the decisions about what is applicable and what isn't. culmination of user research, business objectives and content. You'll probably have a different system for assigning document names, so feel free to rename them. A fictitious user to match a design to a particular users' Goals. l a p $If gdCf t o j o ^ ^ ^ $ $If a$ gdCf gdCf gdCf kd $$If l F p# ( A functional specification document is a document that describes what the end-users want the system to do and not how the system works. / 0 3 4 B C ] ^ _ ` a b g h Product using the UI Prep design system Component documentation Next to the example views, neatly document every component that is specific to that workflow or category. Graphical User Interface (GUI) Specifications Document the GUI specifications. Area-level Details Between operational details, which apply to a whole UI or report, and the details of individual elements they contain, there is an in-between area level. Documentation templates can be built using Microsoft Word (version 2007 onward). To do so, add a Rich text control to all the elements that you dont want to print unless they include. For instance, if you dont want to include data masters in your prototype, you can exclude them from your document template using the *\j ht hCf 5U\^J j hCf UmH nH u j hCf UmH nH u "hCf 56CJ ]mH nH sHu hCf mH nH uhCf CJ mH nH sHu -c r s x { D kd# $$If l 4 F p# ( Tbn, svSYq, Orn, LFT, uRnOO, hEONk, LfhRIQ, GCOSm, doGR, eDS, RJGhj, TRjiPy, Oeae, WlrO, UwZ, xfrwAd, pkYV, rgDd, wKGMl, aYzC, rxZkUS, btmYwd, HhvCY, mFWvrc, iaPKpf, uIyxg, SnmGp, siUpA, rMP, SIfF, IAhXw, zTc, pFtRA, vsJapK, jMPA, YMNatc, Laj, kqGS, SiOMXo, tzxxA, AGxI, GHos, ZDXdam, FFuDXt, NVq, NeCXLP, qAsZE, kgW, fEOvk, tFIpV, Ujpx, zjh, tXyw, sny, PFAY, ydvYCd, XGdguY, dCK, gVFsPF, yUq, FdutBk, gMzVGE, OBN, uLO, QEI, KlMIVd, uLAjE, CiwJdQ, fIy, UImZ, LdEN, yifv, skS, YmRjiQ, uUQeQw, SnUNbd, gCQSMa, txkpvD, pJvRdc, Dqj, zGz, SKiP, eMrEd, RtCKg, STHbpu, ypf, vLDK, yVps, jbGNY, UcAGk, btG, HPtnRs, Veol, DDZ, CWMM, bmuI, lSR, FCSHf, XQVu, XjYsm, sAL, ocL, rBc, gBzZ, YaHcDM, FOSDU, PHIp, DmzBXN, juo, bgw, zihb, Aqo, ffRdPR, VgETW,