The world’s Largest Sharp Brain Virtual Experts Marketplace Just a click Away
Levels Tought:
Elementary,Middle School,High School,College,University,PHD
| Teaching Since: | Apr 2017 |
| Last Sign in: | 103 Weeks Ago, 3 Days Ago |
| Questions Answered: | 4870 |
| Tutorials Posted: | 4863 |
MBA IT, Mater in Science and Technology
Devry
Jul-1996 - Jul-2000
Professor
Devry University
Mar-2010 - Oct-2016
3-3 Milestone One: Wireframing
In this milestone, you will begin to envision your final project website by developing low-fidelity wireframes.
This milestone is a planning opportunity for your subsequent milestones.
Note: You are not working inside of Codio for this milestone.
To complete this assignment, review the Milestone One Guidelines and Rubric document. This rubric contains links to additional support materials in the form of additional links, a hyperlinks tutorial, a navigational tutorial, and a wireframe example.
IT 647 Milestone One Guidelines and Rubric
Wireframing
Overview: For your final project, you will develop your own website. This assessment emphasizes hands-on foundational knowledge and experience in advanced
web design and development. Through this experience, you will gain the skills necessary to provide meaningful contributions and support in this exciting and
evolving field.
In this milestone, you will begin to envision your final project website by developing low-fidelity wireframes. What do we mean by low-fidelity versus highfidelity wireframing? Low-fidelity wireframes provide a simple place to start with ideas about basic layout, design, site structure, and navigation. High-fidelity
wireframing, which you will not be required to do for this project, fills in the details. If you are presenting your wireframes to stockholders, high-fidelity
wireframing will provide more information and possibly persuade stockholders to adopt your design.
Prompt: Review A Beginner’s Guide to Wireframing and access the Wireframe Example document. This example provides one way to develop a low-fidelity
wireframe by using a table in a Word document, but it is by no means the only way. This website from Eckel & Vaughan shows that, from the Facebook Data
Center to the Compaq computer, tech ideas have been developed in the simplest of forms: drawn on a cocktail napkin.
Review various examples of low-fidelity wireframes from images.google.com, using "low-fidelity wireframes" as the search query. Explore various methods used
to position content against imaginary grid lines, including headers, footers, navigation bars, and advertising slots. Notice how content tends to be partitioned
into two to three primary groups as either columns or as rows.
Develop your wireframes using whatever method works best for you. You can sketch wireframes by hand and then scan them for submittal, develop them using
a table in a Word document (like in the example provided), or use any other simple method. However, be sure that when you submit your wireframes, you do so
in either PDF or Word format.
Be sure to review the following tutorials and videos, which were created to help you with your milestone and to use in addition to the wireframe example
created above: Milestone One Navigational Tutorial (Written Document) Milestone One Navigation Video (7:26) Milestone One Hyperlinks Tutorial (Written Document) Milestone One Hyperlinks Video (8:36)
Specifically, the following critical elements must be addressed: Wireframes show links with the appropriate description (i.e., “Click here for more information on . . .”).
Wireframes reflect navigational elements.
Wireframes reflect descriptive/text elements. Wireframes reflect images placement.
Wireframes reflect calendar widget placement. Rubric
Guidelines for Submission: Your Milestone One wireframing must be submitted as a Word document or a PDF.
Instructor Feedback: This activity uses an integrated rubric in Blackboard. Students can view instructor feedback in the Grade Center. For more information,
review these instructions.
Critical Elements
Links
Navigational
Elements Description/Text Images
Calendar Widget Proficient (100%)
All necessary and appropriate links are
represented in wireframes
All necessary and appropriate navigational
elements are represented in wireframes in
a logical manner
All necessary and appropriate
descriptions/text are represented in
wireframes
Images are appropriately placed in
wireframes
The calendar widget is represented in
wireframes in an appropriate location Needs Improvement (75%)
Wireframes contain some links, but links
lack clarity and purpose
Wireframes contain some navigational
elements, but the navigational elements
lack clarity and purpose and/or some key
navigation is missing
Wireframes contain some text and
descriptions, but the description and text
lack clarity and purpose
Wireframes contain some images, but the
images are not appropriately placed
The calendar widget is represented in
wireframes, but its placement is not logical Not Evident (0%)
Links are not represented in wireframes Value
20 Navigational elements are not represented
in wireframes 20 Descriptions and text are not represented
in wireframes 20 Images are not represented in wireframes 20 The calendar widget is not represented in
wireframes
Total 20
100%
-----------