Scribd Logo
Upload

Welcome to Scribd!

  • 392 views

    Prototypes

    Uploaded by

    Mihaela Vorvoreanu
    This document provides instructions for an assignment to create high-fidelity prototypes for the homepage and one interior page of a final project website. Students must design the pages using software like Photoshop and include numbered explanations that justify each design decision in terms of usability and principles learned in class. The prototypes and explanations are due as a single file with the images, numbered explanations below, and a note on elements that can and cannot be implemented in CSS. The purpose is to practice prototyping, explain design choices, and ensure students have a plan and necessary skills for their final project.

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as DOCX, PDF, TXT or read online from Scribd

    Prototypes

    Uploaded by

    Mihaela Vorvoreanu
    392 views2 pages
    This document provides instructions for an assignment to create high-fidelity prototypes for the homepage and one interior page of a final project website. Students must design the pages using software like Photoshop and include numbered explanations that justify each design decision in terms of usability and principles learned in class. The prototypes and explanations are due as a single file with the images, numbered explanations below, and a note on elements that can and cannot be implemented in CSS. The purpose is to practice prototyping, explain design choices, and ensure students have a plan and necessary skills for their final project.

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    This document provides instructions for an assignment to create high-fidelity prototypes for the homepage and one interior page of a final project website. Students must design the pages using software like Photoshop and include numbered explanations that justify each design decision in terms of usability and principles learned in class. The prototypes and explanations are due as a single file with the images, numbered explanations below, and a note on elements that can and cannot be implemented in CSS. The purpose is to practice prototyping, explain design choices, and ensure students have a plan and necessary skills for their final project.

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as DOCX, PDF, TXT or read online from Scribd
    Download as docx, pdf, or txt
    392 views2 pages

    Prototypes

    Uploaded by

    Mihaela Vorvoreanu
    This document provides instructions for an assignment to create high-fidelity prototypes for the homepage and one interior page of a final project website. Students must design the pages using software like Photoshop and include numbered explanations that justify each design decision in terms of usability and principles learned in class. The prototypes and explanations are due as a single file with the images, numbered explanations below, and a note on elements that can and cannot be implemented in CSS. The purpose is to practice prototyping, explain design choices, and ensure students have a plan and necessary skills for their final project.

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as DOCX, PDF, TXT or read online from Scribd
    Download as docx, pdf, or txt
    of 2

    Final Project Prototypes

    (5 points)

    WHAT
    For this assignment, you will create prototypes of your final project’s homepage and one
    level 2 page. You need to turn in your prototypes, along with explanations of your
    design decisions.

    Your prototype will be a high-definition image of what the interface will look like. You
    can design it in Photoshop or a similar application. It does not need to have any
    functional interactivity (links, buttons will not work – just plain text or images).

    It is OK to use placeholders for images and content items – but the overall structure of
    the page (grid layout), navigation, titles and headings should be there.

    See some examples of prototypes here: http://bootstrap.pk/reviews/5-beautiful-easy-


    to-use-application-website-prototyping-sketching-tools/

    WHY
    This assignment’s purpose is to:
     Help you practice creating prototypes
     Help you practice explaining your design decisions
     Make sure you have a plan for your final project
     Make sure you know what you need to learn in order to execute your final
    project.

    HOW
    A. Create prototypes for 2 pages of your final project:
    1. Homepage
    2. One level two page of your choice

    B. Write notes that explain all the design decisions you made for these two pages.
    Explain why you designed things the way you did:
     What design or usability principles you applied, and
     How your choices will serve your users (keep your persona in mind).

    For example, provide reasons for your choices of content on the homepage, the
    organization and placement of the navigation solution, as well as any choices you made
    about grids and visual hierarchy.

    Place a number by each and every item on your prototypes and provide your reasoning
    behind that item. Why is it there? Why does it look this way? What are your reasons for
    every single decision?

    Keep in mind the questions the homepage should answer (what is this site, what does it
    do, who does it belong to?) and the question the navigation solution should answer

    1
    (where am I? where have I been? where can I go from here?) – and explain how you
    answer them with your design.

    At the end of the assignment, indicate what you know how to implement in CSS and
    what about your prototype you do not know how to do in CSS.

    HOW TO TURN THIS ASSIGNMENT IN:


    Put everything in one file – the image of your mockup, with numbers on it. Below it, the
    explanations for your decisions, with the corresponding numbers. At the very bottom,
    the note about what you know and do not know how to implement with CSS.

    Upload it on Bb, AND make sure it is available to you during lab on April 19, so you can
    discuss it with Sarah.

    Grading Criteria: Above Average Average Below Average


    Explanations
    Each design decision is explained
    clearly, in terms of design and
    1.50-1 1-.50 .50-0
    usability principles learned in
    class.
    Design decisions take into
    consideration the users’ needs
    1.50-1 1-.50 .50-0
    and goals and aim to support
    them.
    Page Prototypes
    Communicate clearly and in
    detail your ideas of what pages 2-.75 .75-.50 .50-0
    will look like
    Your Total Points: Xxx out of 5
    Note: Unprofessional, sloppy presentation,
    including spelling and grammar errors will result in
    points being deducted from your total.

    You might also like