Category Archives: I2ID

DAAT 111 Intro to Interface Design

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?

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 —

– 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

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

I2ID 04: Internet and Interface 02/13/20

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

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,

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

HCI Instruments
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)
Remember these?
What Happened?
Not what MS intended…
Sometimes UI is not fair

Bertie and Nim
Tennis for 2
Nerd Alert!
AI Students
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


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.

I2ID 02: Theory & HCI History 01/30/20

READ: A theory of user interfaces.
Old UI
Birth of digital computing
Diff Eng
Ancient calculator
Why a DE? And?
Jacquard and results
First Computer, that never was…
MK 1
I need the range
One type of “Computer”
Programming Interface
Getting there?
The Mother of all demos
Nerd zine
Altair 8800
What is OS?
Software Interface
Sol, Commodore, Apple II
What is Application?
Tyrany of DOS
Windows 1

Heading into the PC era

ASSIGNMENT: Read ““As We May Think”. Imagine that you are a young person interested in technology and electronics in 1945 and you read this article. How would you imagine interface design in the future? Answer creatively.

I2ID 01: Intro 01/22/2020

Review Syllabus
Ancient UI? Tools
Something much closer to home?
Book UX v.1.0
Better Usability
How many?
Best UI?
UI that Worked and still does?
Passed down
Phones are smart.
Intuitive or outdated?
What is next?

In class:
UI is the space where interactions between humans and machines* occur. The goal of this interaction is to allow effective operation and control of the machine from the human end, whilst the machine simultaneously feeds back information that aids the operators’ decision-making process.

Take some time to find 3 examples of non-digital interfaces, and 3 examples of digital (computer – including video games) interfaces. Think about your examples from a usability perspective. Do your examples fit the definition above? Discuss and Email links to me:

READ: A theory of user interfaces.