CT412 65A

Content-centric App Design

Date & Time: Thursday 6:30 pm – 9:20 pm
Classroom: Marvin Feldman Center, Room C511
Semester: Fall 2019
Professor: Christie Shin
Company website: Cynda Media Lab
Email: christie_shin@fitnyc.edu
Office at FIT: D317
Office Hours: Monday 2 to 3, Wednesday 11 to 12 and 3 to 4, Thursday 5 to 6

Course Description
The main focus of the course is to create a content-centric App, which provides valuable and relevant content to users in order to enhance the brand value and experience. The class discusses content marketing strategy, content development, inclusive design, use of emerging technology, scalable design system, and global perspective in design. Topics covered in this course include, but are not limited to UX/UI design, navigation flow, visual language, design system, multimedia features, micro-interactions, and advanced editorial design principles in digital design.

Student Learning Outcomes
Upon completion of the course, students will be able to:
1. research and develop content for a content-centric App
2. differentiate unique design principles between print design and immersive digital design
3. conceptualize and create content-centric design projects
4. develop relevant and valuable content for a specific target audience
5. understand scalable design system
6. expand and apply UX/UI design principles, typography, design system, motion design skills, and the core concept of interactive design

Project: Experiential NYC
The project is to create a content-centric app, which provides valuable information to museum audiences. The possible platform for the app could be mobile devices, onsite kiosk, or immersive environments, and the possible design directions including but not limited to educational, informational, personal interest, creative interactive experience, etc, and this app could be designed for the museum as a whole or for a particular exhibition.
In this course, students consider New York City as their target local area, and each student is required to research their subject and develop the content for his/her app. The students are encouraged to go beyond traditional fine arts and explore the museum for unique and interesting subjects such as Children’s Museum, MOFAD (museum of food and drink), Museum of Sex, Museum of the Moving Image…etc. In addition, a collaboration between a museum and corporate brands are also encouraged. 

References & examples
Local Projects
Poster House: Poster creation App
Little Finder App
FIT Museum: Fairy Tale Fashion, Vimeo link
DI&E

Emerging technology
Voice, Data, AR/VR

Project outcomes
– Hi-fidelity prototype
– Highlighted micro-interaction
– UI design system
– Behance page
– Case study reel

Evaluation:
– 80% project
– 20% Class participation, attendance, and professionalism

UNIT/AREA OF STUDY:
UNIT 1 – PLANNING, RESEARCH, AND CONTENT DEVELOPMENT
Topics: Content-centric App, content strategy, content development, content management, information architecture, navigation, wire flow, dashboard, profile content, landing page elements.
Week 1-5 (5 lectures / 10 studio hours)
UNIT 2 – DESIGN. PROTOTYPE. SHARE
Topics: Content development, UXUI design, design system, micro-interaction, and high-fidelity prototype.
Week 6-12 (7 lectures / 14 studio hours)
UNIT 3 – PROPOSAL PRESENTATION
Topics: Case study reel and Behance page.
Week 13-15 (3 lectures / 6 studio hours)

Weekly Outline

Week 1: 8/29/2019 THU
1. Introduction of class, syllabus
2. Project introduction
3. In-class workshop
– Discovery session: Students will start their project planning
– Select a brand and a subject
4. Next week
The proposal should include:
– Project objective
– The subject
– Target audience/stakeholders
– Sample content

—— Labor Day: College closed (9/2/2019) ——

Week 2: 9/5/2019 THU
PROPOSAL DUE (week 1 blackboard checklist)

1. In-class workshop
– Review proposals
– Information Architecture (application map, navigation, wireframe, etc.)

2. Next Week
Please use the class google drive that I shared with you.
Create a week 2 folder inside of your folder and upload below:
– Site/application map (blackboard checklist)

Week 3: 9/12/2019 THU
1. In-class workshop
– Content development
– Information architecture

2. Next Week
Please use the class google drive that I shared with you.
Create a week 3 folder inside of your folder and upload below:
– Wireframe: A sequence for a feature/task (blackboard checklist)

Week 4: 9/19,26/2019 THU
1. In-class workshop
– Content development
– Information architecture
– Wireframes, navigation
– Paper-prototyping

2. Next Week
Please use the class google drive that I shared with you.
Create a week 4 folder inside of your folder and upload below:
– Wireframe: Minimum three features/task (blackboard checklist)

Week 5: 9/26/2019 THU
1. In-class workshop
– Content development
– Wireframes, navigation
– Low-fidelity prototype

2. Next Week
Please use the class google drive that I shared with you.
Create a week 5 folder inside of your folder and upload below:
– Completed wire flow with a minimum of three tasks/scenarios: feature highlights and clickable prototype (blackboard checklist)

——–Sep 30 – Oct 1: Rosh Hashanah – College closed———-

Week 6: 10/3/2019 THU
1. In-class workshop
– Wireflow review
– UI design

2. Next Week
Please use the class google drive that I shared with you.
Create a week 6 folder inside of your folder and upload below:
– First draft UI design with a minimum of three tasks/scenarios (blackboard checklist)

——–Oct 8: Yom Kippur – classes suspend at 4 pm————
——–Oct 9: Yom Kippur – College closed-———————-

Week 7: 10/10/2019 THU
1. In-class workshop
– UI design & design system
– Progress review

2. Next Week
Please use the class google drive that I shared with you.
Create a week 7 folder inside of your folder and upload below:
– Completed UI design + a click-through prototype (MIDTERM CHECKPOINT)

Week 8: 10/17/2019 THU
MIDTERM CHECKPOINT(one-on-one)
Completed UI design + a click-through prototype

Week 9: 10/24/2019 THU
PORTFOLIO PREP

1. In-class workshop
– Proposal review & portfolio prep
– Design system

Week 10: 10/31/2019 THU
PORTFOLIO PREP

1. In-class workshop
– Hi-fidelity prototype
– Micro-interaction

Week 11: 11/7/2019 THU
PORTFOLIO PREP

1. In-class workshop
– Behance page

Week 12: 11/14/2019 THU
1. In-class workshop
– Behance page

Week 13: 11/21/2019 THU
1. In-class workshop
– Case study video

——–Nov 28 – Dec 1: Thanksgiving Recess – College closed

Week 14: 12/5/2019 THU
1. In-class workshop
– Case study video

Week 15: 12/12/2019 THU
PROJECT DUE. FINAL PRESENTATION

Keep and backup all the projects that you have done throughout the semester! You must submit all your projects for the final grade no later than the last day of class (Week 15)

Department Attendance Policy
Attendance is not optional. If you are going to miss a class, you must contact me via email ASAP. Due to the quantity of material covered in the course, I will not be able to spend class time explaining missed assignments or redo lectures. If a class is missed, it is your responsibility to get information regarding missed assignments and lectures from one of your classmates. Two tardy marks equal one absence, and three absences may result in failure of the class.
1. Students are required to attend all classes, be on time, and remain for the entire class.
2. Students who are absent for 3 classes will receive a grade of “F.”
3. A student who arrives 10 minutes after the start of the class will be considered late
4. 2 late occurrences = one absence
5. A student who arrives over 30 minutes late or not returning from the break will be considered absent from the class
6. An excused absence is still considered an absence

Communication Design Pathways Department Policy on Plagiarism.
Within the Communication Design Pathways Department, plagiarism and other forms of academic deception are unacceptable. Each instance of plagiarism is distinct. A plagiarism violation is an automatic justification for an “F” on that assignment and/or an “F” for the course. A student found in violation of FIT’s Code of Conduct and deemed to receive an “F” for a course may not withdraw from the course prior to final grade assignments.
FIT Student Code of Conduct
http://www.fitnyc.edu/policies/enrollment-management/code-of-conduct.php