Fall2017.CSCI380Homework5 History

Show minor edits - Show changes to markup

Changed line 81 from:
  1. Also upload it on OAKS in PDF format.
to:
  1. Also upload it on Google Drive.
Changed lines 54-62 from:

Produce a report (PDF), with:

  • Application name, team names, class, date, etc.
  • Updated Google project document
  • Include clear photographs of your higher-fidelity prototype carefully labeled (e.g., 1st screen, 2.1 screen, 2.2 screen, and so on), so one can easily follow the user flow through them. Organize them in terms of user flow (i.e., by how they support your prioritized user tasks).
    • State the user action that leads to a transition between your screens (e.g., user selects... or clicks on..., etc.).
    • Let the user scenarios guide you on how to order your screens.
to:
  1. Update your Google project document.
  2. Bring a hardcopy to class on the due date of your report, with:
    • Application name, team names, class, date, etc.
  3. Be ready to demo your higher-fidelity prototype to the class.
Changed line 17 from:

There are several environments out there for making medium-to-high-level prototypes. These include Mockplus, InVision, Balsamiq, Proto.io, Fluid, Axure, Adobe Experience Design CC, Marvelapp, JustInMind, Form, and several others. Also see UpLabs.

to:

There are several environments out there for making medium-to-high-fidelity prototypes. These include Mockplus, InVision, Balsamiq, Proto.io, Fluid, Axure, Adobe Experience Design CC, Marvelapp, JustInMind, Form, and several others. Also see UpLabs.

Changed line 1 from:

Assigned Date: Friday, Oct. 27, 2017 \\

to:

Assigned Date: Wednesday, Oct. 25, 2017 \\

Added lines 1-91:

Assigned Date: Friday, Oct. 27, 2017
Due Date: Friday, Nov. 3
Due Time: 2 hours before class time

Last modified on November 06, 2017, at 01:37 PM (see updates)

This is a group assignment - you must work in teams of 2 or 3. See course collaboration policy for details.

Assignment

This is the next phase of the semester project.

In the previous phase, we created and tested a paper prototype of your interface. This should have helped you refine the navigation, workflow, terminology and functionality of your UI.

In this phase, we will continue developing a higher-fidelity prototype of your system.

There are several environments out there for making medium-to-high-level prototypes. These include Mockplus, InVision, Balsamiq, Proto.io, Fluid, Axure, Adobe Experience Design CC, Marvelapp, JustInMind, Form, and several others. Also see UpLabs.

Your first task is to select one them that supports higher-level prototyping of your system.

Search the web, and find the solution that works best for you. Then, provide your rationale for selecting it.

Each team should send a single email by Mon., Oct. 30, before noon. See below.

Details

For this assignment you to do the following:

  1. Update your Google doc to reflect the latest version of all your materials, as they have evolved through heuristic and other evaluation and re-thinking. Things get refined. This document should hold the latest version.
  2. Select an environment for preparing medium-to-high-fidelity prototypes.
  3. Email your choice and rationale by Mon., Oct 30, before noon.
    1. State the name of your app.
    2. Include names and emails of all teammates.
    3. State the name of your prototyping system selection.
    4. Provide a URL.
    5. Explain what aspects of the environment made you select it.
  4. Prepare a demo of your higher-fidelity prototype to demonstrate in class on the due date.

Notes

  • This prototype should support some (but not all) of your prioritized user tasks and user scenarios. In other words, you should implement some (but not all) of your user flows.
  • Higher-fidelity prototyping requires more effort than paper-prototyping, so make sure you update everything you know needs updating *before* you start. Once you implement it, you can still make changes - but hopefully these will be smaller-scale (e.g., placement of things, icon choices, font choices, etc.).
  • These prototypes will eventually be evaluated by your classmates for usability (e.g., see Norman's Design Analysis Concepts). So build with that in mind. Continue evaluation and refinement of your UI. Feel free to quickly paper prototype to try a few things out, before committing them to the higher-level prototype.
  • By now you have realized that everything builds on everything else. So, be very attentive and careful. Refine. UI development is a living, breathing thing... Nothing is cast in stone, especially choices from earlier phases.

Deliverables

Produce a report (PDF), with:

  • Application name, team names, class, date, etc.
  • Updated Google project document
  • Include clear photographs of your higher-fidelity prototype carefully labeled (e.g., 1st screen, 2.1 screen, 2.2 screen, and so on), so one can easily follow the user flow through them. Organize them in terms of user flow (i.e., by how they support your prioritized user tasks).
    • State the user action that leads to a transition between your screens (e.g., user selects... or clicks on..., etc.).
    • Let the user scenarios guide you on how to order your screens.

Notes

  • As per course collaboration policy, there should be no discussion of any kind about this assignment (and possible solutions) with any person outside your team other than the instructor. You are not allowed to discuss/look at someone else’s solution (including material in books and the Internet) or show your solution to someone else outside your team other than the instructor.
  • Include references on materials (other than the textbooks and handouts) you consulted to do the assignment.

Grading

Grading will be based on your ability to carefully and succinctly identify the above key points.

  • Work for clarity, succinctness, and effectiveness.
  • Hint: It might help to think of your report as a (meta) user interface, and your classmates as your end-users. What is their goal in reading your work? What tasks they would want to accomplish? Help them achieve those tasks.

Grading may also be based on the quality of your evaluation of others' work (e.g., 10-20% of your grade).

Submission

  1. Submit your report in class on the due date to be graded.
    • Again, this should include all components developed so far (updated to the latest, refined version).
  2. Also upload it on OAKS in PDF format.
  3. Update your Google doc to reflect the latest version of all your materials, as they have evolved now. Very important! It is OK to resolve earlier comments.

To be eligible for full credit you must follow these instructions carefully.

Relevant Quote

"Any amount of work can be done in any amount of time... only the quality varies." ~Joao Meidanis