I2ID 11: Front-End Design 04/09/20

REVIEW:
– Use the wireframes produced for your midterm and convert them into a lo-fi, clickable prototype.
– Take the time to demo each other’s work in order to have feedback for the critique.
PRESENT
– Incorporate feedback
– Version control. V.01….V1.0
Consider using a site map

Up Next:
Last chance saloon. You now have a month until you have to present a final project. Now is your chance to start on your own original idea. Think about it.
Front-end design – use your mood board. First Version. Same as before – put in Drive.

Deliverables:
1. Research (PDF)
– Who is this for (demographics)?
– What do your users want to get done?
– What are their goals?
– What are they trying to achieve?
2. Design (Documents, Images, Etc)
– User stories (2-3), identifying different users’ goals. We can use these user stories to create different scenarios. This helps us to identify clear goals. In Detail.
– Create initial user flows — written AND visual.
– Create Wireframes of the interfaces. Incorporate feedback, and solutions from your Interface Library and Pattern Library in your final version.
.: SPRING BREAK/CVD19 :.
3. Prototype
– Lo-Fi Clickable demo
– Test(x)
– Front-End Design:

4. Build
– Hi-Fi Prototype

ASSIGNMENT:
– Preliminary front-end design. Upload to the shared drive.
– Incorporate UI feedback into your Lo-Fi demo. Test and test again.

DH 10: Age of Enlightenment 04/03/20

ANNOUNCEMENTS:
1. A link to the recording of last week’s class was emailed to you last night. Please make sure you received it. Here is the Class Chat. Use it for discussions at any time. It is z dedicated chat that will not go away.
2. I am “starting” class at 9:30 AM (meaning, I will be on the video conference at that time but the lecture will not start until 10). This time before the lecture is for questions, help, community, etc.

REVIEW:
SHORT ASSIGNMENT – The Printing press is considered the most important invention in the history of humanity. Create a broadsheet agreeing with or refuting this. Support with evidence from the lecture and SUPPORTING material. Before turning in your next assignment, please create individual personalized folders in the drive.

Some of the Greats
Map: Italy
The Press leads to a backlash
Age of Science continues
Dennis D’s Wikipedia
Classification EN
Revolution
Art and design of the times
Machine Tools – Example
Water Power Plus
Steam Power
The Steam Age
Powered Transportation
Industrial Revolution
Penn Hospital is born from the Enlightenment.
Canals today
Birth of digital computing
Babbage
Diff Eng
Ancient calculator
Automata at the FI
General Purpose
Data Storage
First Computer, that never was…
…but may still be

ASSIGNMENT:
WATCH: Sir Issac Newton – Intro
VIDEO: His Encyclopedia
READ: Denis Diderot and science: Enlightenment to modernity
READ: Rococo
VIDEO: Newcomen & Watt Steam Engines
VIDEO: How does it work?
VIDEO: Industry Intro
VIDEO: Crash Course – Industrial Revolution
VIDEO: Revolutions
VIDEO: Lost art of Automatons alive
VIDEO: Diff Engine in action
VIDEO: TED ED

SHORT ASSIGNMENT – Here are some pages from Denis Diderot’s famous publication. The diagrams and sketches included in the Encyclopedia were intricate and detailed.
Create a detailed schematic drawing for a common object (tool, device, machine,
etc) that you come into contact with regularly. Your drawings should include
functional details (how it works), when applicable.

I2ID 10: PROTOTYPING and Testing 04/02/20

REVIEW:
– Use the wireframes produced for your midterm and convert them into a lo-fi, clickable prototype. Be as detailed as possible.
– Upload your prototypes to the Google Class Drive. This can be in a number of different formats BUT other students and I should be able to click through the demo. Questions?
– Take the time to demo each other’s work in order to have feedback for the critique.

Assignment above should follow your previous documentation
UX Research
– What do your users want to get done?
– What are their goals?
– What are they trying to achieve?

Ideally, you should adopt an iterative approach towards your design:
1. Research
2. Design
3. Prototype**
4. Build
5. Test
it’s critical not to get lost designing in a vacuum — isolated from users —

UP NEXT:
Design: Start with a “Mood Board”
Create a mood board that will inform the design of your final interface.

ASSIGNMENT:
1. Continue developing your prototype. Make sure your public prototype is available for other users to interact with. INTERACT with every prototype in the shared drive. Leave your feedback on each public document in the shared folder.

2. Create a preliminary mood board AND first design draft. Turn in BEFORE next class (in Shared Drive). We will review next week

DAAT 315 10: Interview Prep 04/01/20

REVIEW:
Make sure the following are in the shared drive AND on your scratch site:
– Create One (1) 3-5 minute video introduction as a Designer (put it on Youtube or Vimeo and embed it on your scratch site and/or physical file in the shared drive). This is a draft version and you will incorporate feedback into your final version
– Preliminary business card design. Draft version and you will incorporate feedback in the next iteration.
– Practice & Preparation: have 3 companies identified. Include as a Google Doc, or text doc in the shared drive, and on your scratch site.

UP NEXT:
Next week, “Mock Interview Day”
Instructions released in the afternoon section of the class.
Here is the link to the 9 Job Listings.
Once you have selected a job to apply to, follow these instructions.

By 2:00 PM, please select one (1) of the job listings and email me with your selection (send to jparada@uarts.edu by 2 PM). Before the mock interview next week, follow ALL APPLICATION INSTRUCTIONS. That means, send everything they are asking for including cover letters and portfolio if applicable.

Once completed, you will receive an email reply with an interview time. Interviews will be conducted between 2:30 – 4 PM on 04/07 and will last 20 – 30 minutes.

You will have time to prepare before your interview. Use this opportunity to do research and think about your responses. It would be a good idea to send a copy of your REVISED resume. Once you are finished with your interview, you are done for the day. We will talk about the results next week.

ASSIGNMENT:
Prepare for mock-interviews next week
Incorporate any feedback into your video and collateral design

DH 09: The RENAISSANCE, and the Individual Designer 03/27/20

Welcome Back! CVD19 Reboot.

REVIEW: Revised Syllabus

Don’t forget the buildings…
Time
Original design: The Wheel
Classics in style
Leo
Designer vs Artist?
Proto Movable type
Pictograph to actual “writing”
Before Printing Press. Tiresome but lovely….
Pre printing
The mother of all printing presses.
Significance of the mint
My man, Johanne
Holy type!
Who paid for this?
Luther and the broadsheet and how he went “viral”

Peas in a pod?
Works
Fame from important painting and drawing. Classic!
The Human Form
And then the gears of war
Hand of David
La Mama Mia
Technological innovation called a “lock”
Add a wheel…
Crank and Rod

Valuable? Yes!!!

ASSIGNMENT:
READ: Luther and the Press
READ: Luther went “Viral”
READ: Leo = $
READ: Leonardo or Michelangelo – who is the greatest?
READ:Designer vs Artist?
READ:12 Maps
VIDEO: Changed the world?
VIDEO: The Day the Universe Changed
VIDEO: Wheel Lock

SHORT ASSIGNMENT – The Printing press is considered the most important invention in the history of humanity. Create a broadsheet agreeing with or refuting this. Support with evidence from the lecture and SUPPORTING material.

I2ID 09: We Are Back! Prototyping… 03/26/20

Welcome Back!
Revised Syllabus

REVIEW:
Where we left off…
UX Research
– What do your users want to get done?
– What are their goals?
– What are they trying to achieve?

Ideally, you should adopt an iterative approach towards your design:
1. Research
2. Design
3. Prototype**
4. Build
5. Test
it’s critical not to get lost designing in a vacuum — isolated from users —

Up Next:
Prototyping: You have completed wireframes in a digital format. Now, convert to lo-fi, clickable demos.
Examples:
Companion website for a book
Medical software

Adobe XD REsources
General
Proto 1
Proto 2

Dont like XD?
More
Options
available

ASSIGNMENT:
– Use the wireframes produced for your midterm and convert them into a lo-fi, clickable prototype. Be as detailed as possible.
– Check out at 3 PM
— Any questions about prototyping?
— Turning in your work?
– Upload your prototypes to the Google Class Drive Before our next class.

DAAT 315 09: 03/24/20

WELCOME BACK! Check-in at 3PM
Interviews, applications, creative marketing, and social media (metrics, best practices, integration with your professional profile).

Revised Syllabus

REVIEW:
Salary –
Book gives 6 secrets:
1. Never discuss salary until the end of the whole interviewing process.
2. Negotiation to find out the most an employer is willing to pay for you
3. Never be the first to mention salary
4. Research before the interview
5. Research employer salary range and your own salary range – where do they meet?
6. Close the negotiation- GET IT in writing!
Strategies
P.I.E

UP NEXT:
Practice & Preparation:
Research – find at least 3 (three) companies you could see yourself working for (the companies can be in more than one industry). Research the companies. Learn all you can about them. How would you make this company better?
Practice – Come up with the 5 questions you think they would ask you and think about your answers. Then, come up with 5 questions YOU would ask in an interview.

Marketing Collateral:
The collection of media used to support the sales of a product or service. Historically, the term “collateral” specifically referred to brochures or sell sheets developed as sales support tools. These sales aids are intended to make the sales effort easier and more effective.
– Artist/Professional Statement (Visual Media)
– Business Cards
– Letterhead (Optional)

Plenty of resources online.
Free templates Available.
Think carefully about you design.
Business cards and optional Letterhead will be part of your final deliverables.

ASSIGNMENT:
– Create: One (1) 3-5 minute video introduction as a Designer (put it on Youtube or Vimeo and embed on your scratch site)
– Preliminary business card design
– Practice & Preparation: have 3 companies identified

I2ID 07: Midterm Due (Pt.1)… 03/05/20

REVIEW:
Midterm presentations (Part 1). We reviewed the requirements/research and stories last week. Present your first round of UI in Wireframe format, including process (sketches).

Next Steps:
Finalize UI by using an Interface Inventory and Pattern Library. Read the following article to learn what these terms mean. Link to Interface Inventory template.

For the final iteration of your wireframes, build an Interface Library and Pattern Library and apply to your wireframe

MIDTERM:
This exercise involves starting the UX/UI development process for any of the following prompts:

1. A backpacking checklist builder. People who only backpack once or twice a year may spend so much time deciding what to take, running from store to store to pick it up, and packing it, that the trip is more work than fun — and something usually gets forgotten anyway. This software would produce simple pre-trip instructions and checklists that would alleviate these problems.

2. A cooking help system for folks who don’t cook often. Many single people cook only infrequently, so they don’t have many ingredients on hand in the kitchen. When they do cook, planning, and shopping is as much a part of their effort as following the recipe. This software would help the infrequent cook maintain a kitchen with the ingredients common to many meals, and would help plan meals that could be produced (or nearly so) with what was currently on hand.

3. A system that teaches users how the stock market works by making a game out of it. The “Game” would include fake companies that you can invest in using fake funds. Fake news reports would be tied in to create market fluctuations the way a real stock market currently functions

4. A dating site/system that relies on factors OTHER than appearance. What would the “mechanics” be if images were not part of the selection process?

Deliverables:
1. Research (PDF)
– Who is this for (demographics)?
– What do your users want to get done?
– What are their goals?
– What are they trying to achieve?
2. Design (Documents, Images, Etc)
– User stories (2-3), identifying different users’ goals. We can use these user stories to create different scenarios. This helps us to identify clear goals. In Detail.
– Create initial user flows — written AND visual.
– Create Wireframes of the interfaces. Incorporate feedback, and solutions from your Interface Library and Pattern Library in your final version.

For 02/27, please have #1 and #2/User Stories ready to present in class.
For 03/05, please have most of the completed project ready to present in class. Final Deliverables are due 03/06 (End of the Day)..

1 2 3 44