Degree Project: Process Book by Nick Howland

Book Size: Standard Landscape 10x8

This is the first printable page in your book and will print on the right side.

These instructions should not appear in your exported pdf. Please be sure to complete your Pages design prior to creating your Cover template. The Page Count must be exact when creating your Cover template.. Youâ&#x20AC;&#x2122;ll need to upload a PDF for the pages and at least one cover type. Remember, all books must be an even number of pages. The first page will be on the right side as you open the cover and the last page will be on the left side as you close the book. Hardcover books include an end sheet on both the front and back of the inside pages for binding purposes. Please note, all critical text and art should appear within this gray area. Any content outside this area may be unevenly trimmed or hidden by the gutter when the book is bound. If you would like your artwork to extend to the very edge of your finished book then pull your artwork edge to the red bleed line.

Be sure to review your exported PDF in an outside program (like Adobe Reader) to ensure it appears correctly and without these instructions. Further info can be found at: http://www.blurb.com/apps/indesign-plugin

“ HOW CAN TECHNOLOGY IMPROVE AN ONLINE SKILL-BUILDING COMMUNITY WHILE ALSO MAKING LEARNING MORE ACCESSIBLE?

“

SCHEDULE

feb

Research / planning

Due: present/review initial solutions Homework: continue to suggest/execute/ investigate solutions; develop main bullet points timeline of your process for weeks 3–13 • Continue research: competitor audits (SkillShare, Lynda, guides)

6 Due: weekly blog post due by end of class project timeline — main bullet point Homework: prepare summary presentation of weeks 1 & 2 • Continue research: competitor audits (SkillShare, Lynda, guides) • Begin to formulate ideas for wireframes • List of keywords / name ideas

9 Presentations / Concepting

Due: present formal summary of week 1 & 2

Due: weekly blog post, detailed timeline

Homework: studio work & desk crits detailed project timeline

Homework: studio work & desk crits

• Branding inspiration / start branding

- Name ideas, Logotype.

• Continue Branding - Logo, essence • Map task flow for devices - Just get an idea

SCHEDULE

feb

Concepting

Due: ?

Due: weekly blog post due by end of class

Homework: work-in-progress presentation with printmaking department studio work & desk crits (listen to their crits)

Homework: studio work & desk crits prep for work-in-progress presentation (10 minutes)

• Finalize Branding - “Brand Standards Page”

• Continue Wireframes - High Fidelity wireframes

• Begin wireframes - Get the idea mapped out - Low fidelity wireframes

23 Design

Due: ?

Due: weekly blog post due by end of class

Homework: work-in-progress presentation with printmaking department (10 min each)

Homework: studio work & desk crits prep for work-in-progress small groups crits of 4

• Finalize Wireframes - Polish that shit

• Design for tablet / desktop

• Begin design for mobile / tablet

SCHEDULE

MArch

Design

2 Due: work-in-progress small groups crits of 4 (you should be in the visual design sketching phase) Homework: studio work • Design for desktop / finalize

9 MIDTERMS / Presentations

Due: midterm presentations (10 min each) must include design comps

6 Due: weekly blog post due by end of class Homework: prep for midterm presentations (10 min each) must include design comps • FINAL designs / begin animations - Set up file, get it all files ready

13 Due: weekly blog post due by end of class

Homework: studio work & desk crits

Homework: studio work & desk crits prep for work-in-progress presentation

• Continue animations Work, work work

• Continue Animations - Bust that shit out

SCHEDULE

MArch

SPRING BREAK!

Design

Due: SIGNIFICANT PROGRESS

Due: weekly blog post due by end of class

Homework: studio work

Homework: Martin Venezky to review workin-progress presentations

• Finish animations / work on Video

• Work on Video

SCHEDULE

MArch / April

Design

April

Documentation

Due: work day

Due: weekly blog post due by end of class

Homework: studio work you should be wrapping up visual design and beginning presentation (online and public exhibition)

Homework: studio work & desk crits prep for 1st (draft) formal presentation

• Work on video

• Put together presentation

• Finalize video

Due: 1st (draft) formal presentation

Due: weekly blog post due by end of class

Homework: studio work

Homework: studio work & desk crits prep for 2nd (draft) formal presentation

• Rework presentation if needed • Refine video if needed

SCHEDULE

April

Documentation

Due: 2nd (draft) formal presentation

Due: weekly blog post due by end of class

Homework: studio work

Homework: studio work & desk crits

• Rework presentation if needed

• Refine video if needed

20 Presentation

Due: degree project prep of final presentation

Due: final presentation of degree project weekly blog post by end of class

Homework: Finalize final presentation

Homework: final process PDF and course files are due in my office the Monday after senior show

• Finalize presentation • Refine video if needed • Post Final Video

SCHEDULE

April / May Senior Show Prep

27 Due: degree project 100% show ready

Studio: ?

Homework: deal with loose ends for show prep

â&#x20AC;˘ Continue research: competitor audits (skillshare, Lynda, guides), begin to formulate ideas for wireframes

â&#x20AC;˘ Continue research: competitor audits (SkillShare, Lynda, guides), begin to formulate ideas for wireframes

May

Senior Show

Studio: show prep Homework: senior show opening to industry guests on Thursday

8 Studio: campus & 1st Friday opening reception, open to the public

SCHEDULE

May

Finals / Senior Show

Due: Finals Due

Studio: senior show closing/reception and presentation for family & friends

18 Tear Down

Studio: tear down

PLANNING

The first week has begun! And then it ended. Pretty quickly, actually.

tion a system that both utilizes technology and promotes physical interaction.

• Be able to take notes, draw directly on digital depiction of work

So, through the course of this week, I basically just took down all of my ideas and begun to organize them on paper. I took a step back and analyzed what exactly I was trying to do, figured out what the base idea of the end product would be like, then started to put together a rough schedule of things to do.

• How I can use and promote technology within this system:

• Possibly be able to take a 3D “panorama” of work, so someone can view it and spin it completely around.

•The main purpose of this project is to create a system that allows for a sharing of knowledge and skills by professionals while utilizing today’s technology to craft a fully interactive experience •Something to supplement a formal educa-

• Allows for more interactive, in-depth experience when not meeting in person •Take advantage of front-facing and regular cameras for crit, meetings, or just to document work • Possibly implement a calendar system? Some way to keep track of projects and due dates.

• Fully utilize technology- this is how this system will be set apart from the competition. use specific devices: possibly desktop and tablet for more screen space. • Maybe a stripped down app for phone? With calendar / planner, etc? • How I can use and promote physical interaction outside the system:

PLANNING

• This helps tie the app in with a regular, university education •Everyone says that the physical elements of school is the most important part- this system can have that. •Can have a weekly or biweekly meeting between students and instructors. • Open-office hours with professionals either in person / Skype call / chat. • Physicality will help with accountability, which is super important!! • Gamification element? To help provide motivation for people to accomplish assignments • With a formal education, there are people to help keep you on track and organized. This is where the physical element comes in. To do next: Research physical school alternatives, like School Hous, etc. Research SkillShare, Udemy, etc. and take notes on positives and negatives. Take a class! Talk to Spencer about SkillShare Research forms of learning and find ways to implement within this system

RESEARCH

Research :competitor audits

SKILLSHARE Interface Audit:

I began with competitor audits and started with Skillshare, which is arguably the most popular of the systems I’m researching. I listed out important interface elements that I noticed while perusing the site in order to find out what works best and what seemed to fail. In summary: • The interface is quite simple, which allows for almost anyone to join. • Instructors don’t really have much interact with students or anyone else. • Too many people sign up for classes which makes the environment seem impersonal.

Research :competitor audits

SKILLSHARE Interface Audit:

After taking an in-depth look at SkillShare and how the site functions, I took a look at Guides, a competitor site that functions more like a how-to guide than a digital classroom. Overall, the interface was fairly clean, but the way it is structured leaves a lot to be desired. To summarize my Guides experience: • Much like SkillShare, this site doesn’t take advantage of the different devices it lives on. • Not much interactivity • Relies too heavily on reading, not enough multimedia or other forms of learning.

SCENARIOS

The third week mostly focused on getting use case scenarios mapped out so I could get a bit of a better feel for what I was attempting to achieve with this application and what the app was going to be like wen interacted with. Use case scenarios also helped me start to establish the personality of the app and determine how it would live on the multiple platforms.

BRANDING

WORKSHOP WORKSHOP WORKSHOP WORKSHOP WORKSHOP

scribble

scRiBBle scribble scribble scribble

WORKSHOP

WORKSHOP WORKSHOP WORKSHOP

woRkShop woRkShop WORKSHOP

Branding may have ended up being the most difficult part of the entire process. Selecting a name for the massive system took quite a long while and I ended up getting stuck on trying to solve the branding puzzle for a few weeks. Ultimately, I decided to let branding float with the rest of the project and work on it as other elements got figured out.

BRANDING

Branding went through a few different phases, starting with finally selecting the name Workshop, then working on selecting the typeface to be used for the logotype. After that, I moved on to creating the full logotype as well as the icon and signature.

BRANDING

Signature

The final branding focuses on showing a few of the major keywords Workshop is built from: Process, Personal, and Professional. Elements from within the Signature and the icon allow for the brand to be flexible and change form as needed.

Icon

WIREFRAMES

Wireframes began as simple sketches to get the main ideas of the applicationâ&#x20AC;&#x2122;s structure down. These were fast and gestural, and quickly evolved into digital, more detailed wireframes.

WIREFRAMES

WELCOME BACK

MORGAN

WHAT YOU ARE UP TO

WHAT YOUR STUDENTS ARE UP TO

UPCOMING MEETINGS

Class: Class Name With: Student’s Name When: Time Where: Location

UPCOMING DEADLINES

Class: Class Name With: Student’s Name When: Time Where: Location

Profile

Message

Class: Class Name With: Student’s Name When: Time Where: Location

Profile

Class: Class Name With: Student’s Name When: Time Where: Location

Profile

FINAL DESIGNS

iphone The iPhone focuses on simplified tasks that can be done while on the go, such as checking on class assignments, completing assignments, checking schedules, and adding meetups with people.

FINAL DESIGNS

iPAD The iPad functionality becomes a bit more complex as the deviceâ&#x20AC;&#x2122;s screen becomes larger, allowing the user to take in more information and interact with more items. More choices are presented on each individual screen and deeper scenarios are available, such as interactive CritCalls (like a Skype call) and leaving feedback for already posted work.

FINAL DESIGNS

Desktop The desktop version of the application is the most complex, allowing for the most amount of interactions and scenarios, such as being able to use the floating notebook and messenger features. The desktop version of Workshop is especially handy for the instructors, allowing them to create and maintain courses as well as accomplish tasks found on both the iPad and iPhone versions of the app.

EXTRAS

Final Designs

FINAL VIDEO:

https://vimeo.com/126130715

IPHONE AND IPAD DEMOS: https://projects.invisionapp.com/d/#/projects/3431071