Interaction Design Class - Design400

Contact Mr. D. school email: gdufner@orl.sanfordbrown.edu
School Website:
https://my.sb-orlando.com
School Email: https://webmail.careered.com/OWA/
FrEE IMAGES: http://www.flickr.com/search/advanced/
Choose the Creative Commons criteria at the bottom of the Advanced search screen. Students should be able to cite the source as a hyperlink to give credit.

Projects Due Date
1. 3 Website evaluations ('Don't Make Me Think' book) Week 1
2. Mind Mapping Project Week 1
3. Persona Project Week 1, 2
5. Wireframes & Prototype design of APP pages Week 2, 3
6. Icon for APP (sketches, mockups) Week 4
7. Website to explain APP Week 4, 5
8. Final Presentation Packet Printed Week 4, 5
Week 1a

Syllabus Agreement Form

Watch Movie
Book : Download PDF
Homework:
- Think about the App you want to make (Problems in the world? Make a Solution!)

Most Popular Apps As of May 2014

Most popular FREE Apps: windowsphone.com/en-us/store/top-free-apps
Popular Apps: appbrain.com/apps/popular/
Best Google Play AppS: play.google.com/store/apps/developer?id=Best+Popular+App&hl=en

Homework:
- Think about the App you want to make (Problems in the world? Make a Solution!)

Mind Map of your APP
What does it consist of?
Do people need it?
Is there an incentive?
How will it be funded t make and stay alive?
Mind Map of an APP

Personas: here is a easy way to make a form to ask people questions to fill out: Wufoo.com

                   Design Brief (Redesign Project)
http://www.pinterest.com/dordy54/product-redesign/
What are your ideas?
What are your problems?
What are your solutions?
Homework:
- Start doing research about the App you want to make
- Redesign a Product


A really good APP story: https://medium.com/...
Designing an App
: https://www.youtube.com/results?search_query=desiging+a+app
Matthew Pummel talks about making Apps "iPhone vs Android"
This website shows how to use the Tinder App: wikihow.com/Use-the-Tinder-App
Watch funny clips about a popular App
teamcoco.com/video/conan-dave-franco-tinder-remote
teamcoco.com/video/tinder-outtakes
What size is the screen to make the design??????
iDev101.com

Homework:
- Persona
- Redesign a Product
- icons for your App

Sketch Template

Example:


Proposal Template, Wire Frame, Sketches, Work on Prototype
- Work on Proposal, Wire Frame, Sketches
- App pages

           


               

 


Work on Prototype

Standard icons for Apps

Standard icons for Apps


Resoucres:


You tube tutorials for Codiqa:
- https://www.youtube.com/watch?v=8_WP8SInVFM
- https://www.youtube.com/watch?v=BwW5fLORKjU
- https://www.youtube.com/watch?v=-_AFbe-qeAg

ONLY for the serious!!! Adobe Gap Builder
- https://www.youtube.com/watch?v=xYgUF1haNsA
- https://www.youtube.com/watch?v=37xEisu4FGs

icons
- sketches, and many variations to get your icon just right! :)


Final Presentation Packet Due
- Make website front for App to describe App and it's functions

Build your app for realz: https://build.phonegap.com/people/sign_in


itsupport@iadt.edu
JHuffman@iadt.edu: for attendance
Final
Quizzes
Final - instructions - PSD, GIF