---
# System prepended metadata

title: ACIT 2811 - Session 8
tags: [ACIT-2811]

---

---
tags: ACIT-2811
---
<style>
    .markdown-body h1:first-of-type {
        margin-top: 24px;
    }
    .markdown-body h1 {
        margin-top: 64px;
    }
    .markdown-body h1 + h2 {
        margin-top: 32px;
    }
    .markdown-body h2 {
        margin-top: 48px;
    }
    .markdown-body h3 {
        color: goldenrod;
    }
    .exercise {
        font-size: 150%;
        font-weight: bold;
        color: rgb(227,112,183);
    }
    .note {
        color: red;
    }
    .lol-container {
        background: linear-gradient(pink, orange, gold, darkseagreen, cornflowerblue, violet, deeppink);
        color: white;
        padding: 10px;
        margin-bottom: 50px;
    }
    .lol-container h1 {
        font-family: cursive;
        font-size: 800%;
    }
    .lol-container h2 {
        letter-spacing: 20px;
        animation-duration: 4s;
        animation-delay: 0.5s;
        animation-name: blink;
        animation-iteration-count: infinite;
        animation-direction: alternate;
        font-family: Courier;
    }
    .lol-container h3 {
        font-family: monospace;
        color: cyan;
        position: relative;
        display: inline-block;
        left: 0px;
        padding: 10px;
        border: 3px dashed red;
        background-color: black;
        animation-duration: 3s;
        animation-name: slide;
        animation-iteration-count: infinite;
        animation-direction: alternate;
    }
    .text-blk {
        color: black;
        font-family: "Luminari";
        font-size: 200%;
        letter-spacing: 0px;
        word-spacing: 20px;
    }
    .columns {
        column-count: 2;
        border: 2px solid black;
        font-family: Georgia;
    }
    .columns h2 {
        font-family: Comic Sans MS;
        color: white;
        animation: none;
        font-size: 50px;
        letter-spacing: 1px;
    }
    #btn {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 200px;
        width: 200px;
        border-radius: 50%;
        margin: 50px;
        background: radial-gradient(circle, gold, goldenrod);
        color: black;
/*         box-shadow: -5px 5px 0px 0 #55r5; */
    }
    #btn:hover {
        position: relative;
        top: 50px;
        left: 150px;
        animation-duration: 1s;
        animation-name: spin;
        animation-iteration-count: infinite;
        animation-direction: alternate;
    }
    h4 {
        font-family: webdings;
        transform: scale(2)
    }
    @keyframes blink {
        from {
            color: violet;
            transform: scale(1)
        }
        to {
            color: red;
            transform: scale(1.5)
        }
    }
    @keyframes slide {
        from {
            left: 0px;
        }
        to {
            left: 300px;
        }
    }
    @keyframes spin {
        from {
            transform: rotate(0deg);
        }
        to {
            transform: rotate(359deg);
        }
    }
</style>

<div class="lol-container" id="top">
    
# ACIT 2811 - Session 8

### Review!!!!

<div class="text-blk">
The Final Exam will cover:
    
- UX vs UI
- 7 Usability Factors
- Design Thinking
- User Centered Design (Personas and User Stories)
- Information Architecture
- User Flows
- Wireframes / Prototypes
- Usability Heuristics
- User Testing
- Color Theory
- Typography
    
    
</div>
    
### Final Presentation
    
<div class="columns" style="width: 1000%; overflow-x: scroll">
For your final assignment your group will be giving a 15-20 minute presentation on the product you have developed over this course. Using your high-fidelity wireframes, and any additional slides/documentation/images you choose to use, you must communicate the objectives and challenges of your design process.
    
Your presentation should, at a minimum, include the following 
## 7 sections:
    
1. Your Problem Statement: a description of your product and the need it fills, or, in the case of a redesign, the issues with the current product
2. A brief summary of the choices you made with regards to Information Architecture and Navigation (e.g. flat vs deep, menu labels)
3. One of your user flows
4. A brief summary of the design choices you have made, with respect to your layout, color scheme, and typography
5. Notable observations from your user testing
6. Descriptions of changes you made to your design in response to the user testing
7. A brief post-mortem on your overall design and process (i.e. how you feel it went, strengths and weaknesses of your final design, etc.)
    
![something](https://hackmd.io/_uploads/By72R03m0.png)
</div>

## Tasks To Complete Before Next Class

- [ ] Task 1 - Submit your Problem Statement
- [ ] Task 2 - Study for the exam
- [ ] Task 3 - Prepare your final presentation
 

<a href="#top" id="btn" onclick="alert('Good luck on the exam')">BACK TO TOP</a>
    
</div>

![](https://media4.giphy.com/media/Y0zTJ7VrKo9P2/giphy.gif?cid=ecf05e47702add19r9isiwhch3oi2wfy94vwf6ch5xjzj3jh&ep=v1_gifs_search&rid=giphy.gif&ct=g)

#### Good luck on the exam!
