DH 05: ANCIENT TO MIDDLE AGES 02/21/20

Greek Gears
Roma
First the Greeks, then Romans to roads and Incas as well.
When in Rome, remember to do as Romans do…. WATCH
The center of the WORLD
Time
The Dome and more.
Arch Vs Post
Architecture book
VIDEO: Roman Armor/Tactics
Roman Protection
VIDEO: Roman Army Structure
And the NAVY?
VIDEO: Roman Siege Weapons

All good things, come to an end….
Church & Knights
Older Churches & older knights?
In between?. StartArrival.
A new Style?
Mudejar Example
The reverse also happens

Assignment:
READ: The Roman Forum
READ: Famous Historic Buildings
READ: Greek vs Roman

Review: Major Project No. 1 – Due 03/06. Wednesday night, admission is Pay What You Wish from 5:00 to 8:45 p.m.

I2ID 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
– 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
– User stories, identifying different users’ goals. We can use these user stories to create different scenarios. This helps us to identify clear goals
– Create initial user flows — using paper prototypes and storyboards
– Create Wireframes of the interfaces
3. Prototype
– Using Software, create working UI prototypes
4. TEST and provide results

For 02/27, please have #1 and #2/User Stories ready to present in class.

I2ID 05: Process, UX + UID 02/20/20

First is a very simple fact: UI Design is the combination of Art and Design. UI Design is about applying usability or experience design to art and is a very specific skill.

Why do we need a “Process”

UX Research
Read this article…
– What do your users want to get done?
– What are their goals?
– What are they trying to achieve?

Research should be an ongoing process — it’s rarely, if ever “finished” — it’s returned to repeatedly throughout the process. 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 —

RESEARCH
– Qualitative and Quantitative; and
– Behavioral and Attitudinal

It’s critical to find the right kind of people, and building a screening document for candidates is one way of doing this. A screening document lists the characteristics of the users you’re designing for, for example: male or female, aged 65+, computer literate, travel regularly, and so on.
Test Script

NEXT…a bridge between the research phase and the design phase
READ this article for next week…
The software does it for you

ASSIGNMENT:
Based on the brief introduction to UI/UX Process and Research covered in today’s lecture, please do the following:
1. Select a web site (+ corresponding mobile site), PC game (NOT a console game), or Mobile App.
2. Once selected, try to “reverse engineer” the initial research component by focusing on:
– What do your users want to get done?
– What are their goals?
– What are they trying to achieve?
3. Be specific (stay away from generalizations) and proceed to create user stories or scenarios to support your conclusions.
4. Present using screenshots, and an analysis of your own user behavior.

MIDTERM DUE 03/05/20

DAAT 315 05: Design + Brand II – 02/18/20

REVIEW:
– Read chapter 8 (Interviews)
– (CV) Resume – Draft. Turn in via email AND a printed copy.
– Edit ALL of your professional Social Media Profiles.
– Personal Brand: Creative Brief (Mood Board. Draft – Show later in class)

Apply. Establish best practices moving forward.
Look at the shape…
Consistency across platforms
Compare
Be creative!
A good, “How to”.
– Start implementing changes now.

READING:
Chapter 8: All about interviews.
Practice and Preparation
Appearance – Important – but variable (Style! Research the company culture).
Resources by Google

Practice & Preparation:
Research – find at least 3 (three) companies you could see yourself working for. Use your work on the Parachute (Petals/flower). What would make you happy?
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 10 questions you think they would ask you and think about your answers. Then, come up with 10 questions YOU would ask in an interview.

ASSIGNMENT:
Portfolio content categorized by next class (images, video, audio, other and description- Graphic Design, Illustration, Game Art, etc)
Start refining and working on branding (it will end up on Websites, social media, business cards, etc)
– SHOW YOUR INITIAL DESIGN CREATIONS NEXT WEEK
See “Practice & Preparation” above. Complete the Research and Questions. Present next week.
READ Chapters 9, 10.

DH 04: Ancient Machines 02/14/20

DUE:
DESN200 MinorProject 1a/MinorProject 1b.
– Please turn in slides/documents (if you are working in pairs, please put BOTH names on the answer file)
– Upload to Google Drive and share with me by 11:20 AM

The Wheel
Ancient Calculator. Still used?
Numbers?
The Greeks
Art: Painted Pottery, Architecturestill here, Sculpture in time, Painting, and mosiac.
And all they created
Steam power
The Maker
Environment influences design
And now, VIDEO: Ancient Computer
Complex Mechanism in action

ASSIGNMENT:
READ: Amber
READ: Abacus still used in Japan
READ: Daedalus
READ: Antikythera-Mechanism
READ: Oldest Computer
READ/WATCH: Model

MINI PROJECT REVIEW:
Map
1. Motivation 2. Media 3. Process 4. Context
We need something like this
Is it something like this?
More Info
Baalbek
Baalbek Map and that Trilithon
Moving large stones
Pyramid Blocks
One of the Ancient Wonders

I2ID 04: Internet and Interface 02/13/20

V. Bush
OSRD
NSF
“LICK”
Cybernetics
It’s good to share
SAGE and display
kick in the ass
ARPALaunch
1983 Machine of the Year
Early Email
BBS for you and me
Just need a modem…
The first internet experience for most
Timmy
Early Browser
1st Commercial Browser
The final UI frontier?

ASSIGNMENT:
The User is the center of all Interface design. Based on our lecture today, research and analyze one (1) of the following:
1) An older portal or web property that has been around for at least 10 years or more. How has the interface and functionality changed in that time? What was the benefit for the end-user?

2) A Browser that has been around for at least 10 years or more. How has the interface and functionality changed in that time? What was the benefit for the end-user?

3) A mobile app that has been around for at least 5 years or more. How has the interface and functionality changed in that time? What was the benefit for the end-user?

Be ready to present by 3 PM,

Daat 315 04: Design + Brand 02/11/20

REVIEW:
– Read Chapter 7
– Continue working on your Parachute Method worksheets and Structure (Start with a structure, then categories, then priorities per category)
– Organize all your portfolio content and SM links.
– Website/Portfolio platform experiments. Post links on your “scratch site”.
Are you rushing??

WEBSITE + PORTFOLIO:
You need both. Figure out your approach.
IMAGES: All of these platforms provide you with templates. Do a little research and find out what their image and video parameters are. Dig around. Use Google for help.
Themes/Templates matter

TEXT: Use the dummy text at the beginning of the development process. Here are some useful links:
The Standard
Amusing

TESTING: Structural – On as many platforms and devices as possible (iPhone, Android, Mac, PC, Tablet). Once images and text are added, check for broken links and missing/incorrect images.

Know the limitations

READING:
Google is your new resume?
Profiles are important
LinkedIN=portant
CV Basics

Personal Brands
Start with a “Mood Board”

ASSIGNMENT:
– Read chapter 8 (Interviews)
– Resume Draft: Edit or create a new one. Turn in at the end of the class.
– Personal Brand: Creative Brief Draft (Mood Board. Show in class next week)
– Edit ALL of your professional Social Media Profiles.

DH 03: Stone Structures and Civilization 02/07/20

DESN200 MinorProject 1a/MinorProject 1b. Due 02/14/20 (share with: jparada@uarts.edu).
Atlatl
Written
Human History
READ: First, a revolution!!
Revolutions spread
READ: Old tools that worked.
READ: New tools made,
VIDEO: Smelted, and…
Finally, civilized!
Beads
Where is Sumer
Ziggurat
Ziggurat v. 2.0
Architecture and Art
…and statues
Scale
And myth?
The Bronze Age is not just metal

ASSIGNMENT:
Watch in Class:
VIDEO: Civilization
VIDEO: Mesopotamia – Sumer
Read the articles above.
Minor Project 1a/1b DUE @ 11:20AM 02/14/20

I2ID 03: The OS as the UI + Video Games 02/06/20

HCI Instruments
Windows
Early Monitors
From these “lines”not much different
Herman and his really Amazing counter
The eventual company
To a long long line of GUIs.
Alto OS
Mac 1984
Atari ST (’85), Amiga Work Bench (’85), DeskMate (’84)
DEMO
Today?
Remember these?
What Happened?
Not what MS intended…
Sometimes UI is not fair

Gaming
Bertie and Nim
Tennis for 2
Nerd Alert!
AI Students
DEC
Stevie R
Inspiration comes in many forms
The Game!
Video Game Industry Pioneer
Computer Space for the masses
His company and that name
First is not always best
Much better!
Birth of an industry

BREAK

The evolution of Video games includes the evolution of their respective UI.UI Design is an underrated part of game development and can make or break a game if not handled correctly. For the afternoon section, do the following:

1. Do some research and choose a game you are familiar with that is old enough to have gone through a number of UI and gameplay modifications.
Example: DK

2. Choose a game, that you have played a good amount of time.

3. Research and document the changes made (UI, controllers, gameplay, etc). EXECUTION

4. What was the end result (EVALUATION)? Did it improve or degrade the overall game experience?

Be ready to present your findings.

Some resources.

DAAT 315 03: 02/04/20

REVIEW:
Discuss Chapter 2, 4, and 5.
Worksheets (Petals)
Structure (Flower)
Document.
This will be part of your Midterm grade (March).

WEBSITE/PORTFOLIO:
Examples
jpeg vs png/gif
Flickr or Google
Video options
What about Sound? Anything else?
Sort your SM
Eventually customize your SM platforms
https://www.facebook.com/jmparada
Compare to:
https://www.facebook.com/juan.parada.31508

Web Site Development Options:
Wix
SquareSpace
ArtStation
Wordpress (.com and .org)
Themes!
Tumblr?

ASSIGNMENT:
– Read Chapter 7
– Continue working on your Parachute Method worksheets and Structure (Start with a structure, then categories, then priorities per category)
– Organize all your portfolio content and SM links (test them first).
– We will start with your initial Website/Portfolio platform experiments. Be prepared to show at least 2 examples (Even if you already have a site, try something new), next class.

1 2 3 43