Functional, Technical and Creative Specs and Web Navigation.
-
Upload
gilbert-stafford -
Category
Documents
-
view
213 -
download
1
Transcript of Functional, Technical and Creative Specs and Web Navigation.
![Page 1: Functional, Technical and Creative Specs and Web Navigation.](https://reader035.fdocuments.net/reader035/viewer/2022072017/56649f055503460f94c1aacc/html5/thumbnails/1.jpg)
Functional, Technical and Creative Specsand Web Navigation
![Page 2: Functional, Technical and Creative Specs and Web Navigation.](https://reader035.fdocuments.net/reader035/viewer/2022072017/56649f055503460f94c1aacc/html5/thumbnails/2.jpg)
Introduction
• What is a functional spec?
• Why write a functional spec?
• Who writes one?
![Page 3: Functional, Technical and Creative Specs and Web Navigation.](https://reader035.fdocuments.net/reader035/viewer/2022072017/56649f055503460f94c1aacc/html5/thumbnails/3.jpg)
Define the Application
• What is it used for?
• What is it supposed to do?
• Who are the users?
• What are the metrics used for this application?
• Any previous similar application existing?
![Page 4: Functional, Technical and Creative Specs and Web Navigation.](https://reader035.fdocuments.net/reader035/viewer/2022072017/56649f055503460f94c1aacc/html5/thumbnails/4.jpg)
Develop Models
• User’s conceptual model
• Designer’s model
• Programmer’s model
![Page 5: Functional, Technical and Creative Specs and Web Navigation.](https://reader035.fdocuments.net/reader035/viewer/2022072017/56649f055503460f94c1aacc/html5/thumbnails/5.jpg)
Define the Information Flow• Define the navigational elements-
user perspective• Diagram the organization of the
information-can use Visio• Create a prototype-you are
designing the relationships of the objects in designer’s model
• Create wireframes-addresses layout not aesthetics
• Create mockups• Design for functional
requirements, business requirements, and user requirements
![Page 6: Functional, Technical and Creative Specs and Web Navigation.](https://reader035.fdocuments.net/reader035/viewer/2022072017/56649f055503460f94c1aacc/html5/thumbnails/6.jpg)
Create A Design Document
• View an example at:• http://www.mojofat.com/tutorial/de
signdoc.pdf
• View an example at:
![Page 7: Functional, Technical and Creative Specs and Web Navigation.](https://reader035.fdocuments.net/reader035/viewer/2022072017/56649f055503460f94c1aacc/html5/thumbnails/7.jpg)
Write the Spec
• Cover everything with lots of screen shots and concise text
• Edit and rewrite
• After completion and acceptance, start work !
![Page 8: Functional, Technical and Creative Specs and Web Navigation.](https://reader035.fdocuments.net/reader035/viewer/2022072017/56649f055503460f94c1aacc/html5/thumbnails/8.jpg)
Technical Specs
• Basically the same process but they deal with the hardware, software, access requirements, etc.
![Page 9: Functional, Technical and Creative Specs and Web Navigation.](https://reader035.fdocuments.net/reader035/viewer/2022072017/56649f055503460f94c1aacc/html5/thumbnails/9.jpg)
Creative Specs and Web Navigation
• Creative is the look and feel of the website
• Web navigation is how the user maneuvers through the website.
• These may be included in the functional specs – this is dependent upon the company in which you work.