Welcome to My Web Design Class Blog

[huangcin]

Images for project

Micro-cameras:

http://www.news.wisc.edu/22144

http://cps-vo.org/node/16579

[huangcin]

For Haley Tricycles By Cindia Huang

[huangcin]

Images for Final Project

Microcameras

http://www.news.wisc.edu/22144

http://cps-vo.org/node/16579

[huangcin]

Week 15: Wednesday Class Notes 4/29/15

Classnotes:

FINAL PRESENTATION [what to include]

Idea of how to improve work using tech

User flow

pain points

can make a prototype

clear, concise

show your thoughts through it

can use previous presentation templates

HaleyTrikes

only thing that’s customized is the box

room that you can change things

generic shape with different visuals over top

have a sketch sent to customer ---> customer makes markups on the design and send it back

new interface/idea is a combination of real world situations and ideas

be flexible in what you create

For my project...

What happens if the device doesn’t work? Then what?

what way could you fix this issue? Light sensor goes off?

Have a retractable camera/scanner that will scan the board? (pulldown sheet) 

Grid can be split into different image files

Cool way of coming up with presentation

GamerGate

Internet trolls ---> death threats

ideas of mobbing

When does it get too out of hand?

People sending cops to people’s houses because it’s fun

How fast we use tools to do horrible things

People can troll things pretty quickly

BurgerKing Chicken Dance - interactivity but has to be moderated

Lady got killed for protesting that a man was selling idols (against Koran), man said aloud that she burned the Koran and she was killed in 20 min 

police did nothing

irc ddos-ing ---> trying to crash a site via irc

how do things get hacked? hackers placing bug in compupter

ScriptKitty vs Hacker

ScriptKitty is a basic program that anyone can use to attack someone

bank can’t admit that they lost all their money ---> admitting that everyone is vulnerable

Be careful of what you make because people will abuse it

“I saw it on the Internet, it’s true”

What is actually true or real?

Chain mail links / snopes.com for decrypting rumors

Factcheck.org

medium.com

podcast/radio becoming more popular ---> only about 10% is actually making content

Twitter, Reddit, Facebook....are they actually popular? Or are they advertised like they are? 

***FINAL CRIT ON TUESDAY MAY 5TH 6-9PM (PRESENTATION)

Homework:

Try to find a similar prototype (instructibles)

Remake a clean version of sketches + user flows (digital)

look at previous post for more info

[huangcin]

Week 15: Monday Class Notes 4/27/15

Classnotes:

Presentation Skills [5 min presentation]:

Outline

Their story, not yours

Clear theme

Hook them early and fast (the elevator pitch)**

Remove extraneous material (context in general)

Show a clear conflict (telling a story)

Demonstrate a clear change

Make us feel, instead of telling us to feel

** The Elevator Pitch: 

Describe your idea in 20-45 seconds

Interesting

Memorable

Succinct

Needs to explain what makes you/your idea/your experience unique

Creating the Elevator Pitch: 

Identify your goal

Explain what you do

Communicate your USP (Unit Selling Proposition)

Engage with a question

Put it all together

Practice

** Time yourself for efficiency

GET PEOPLE TO THINK ABOUT YOUR IDEA! :)

Ex: “Have you ever...”

What’s problem, concept of solution

What is the situation in the space?

They’re waiting for the answer, give clear reply

Basically explain why we’re good at something 

ToastMasters:

Join ToastMasters

The campus chapter is called the sNAAAP__dragons

They meet the 2nd and 4th Wednesdays of the month; in Irvine, G01-GREEN Room and Houston Room 314, third floor

**You need to be able to beat that loud annoying person before they beat you; beat the annoying person to the punch

Project 3 Improvements and Observations:

Try to make product as painless as possible so that user will want to return and use it again (don’t want to scare them off)

Doesn't have a good way for customers to order ---> best way is calling right now

no labels for models of trikes ---> confuses customers ---> may turn them away 

ability to share designs with customers

1-wheel transportation device (1-wheel scooter)

Have an actual process that they can be based on 

How long things take to make by changing the process onto a calendar for timeline tasks + progress meter

would order hours by duration (controllable calendar) [Google calendar does this already]

Password protected 

IMPROVEMENTS to my Idea:

Add sensor to eraser

How to erase changes? 

Have a switch button option to write or erase

Main sensor device has its own internal storage up to the last 30 days

How to contact people about new changes

have a button for notification?

Payment is NEVER upfront

Could edit more on his tablet if necessary

GOAL:  Present problem, solution, how solution affects

Homework:

Make digital version of user flow sketch, current and future state

**Look into IRL temp solutions

[huangcin]

Haley Tricycles: Possible Solutions for Interface and Interactions

Larger Picture Version

[huangcin]

Week 14: Wednesday Class Notes 4/22/15

Classnotes:

User Flows

These documents are usually paper

Don’t  confuse your client before you tell them anything

Using one map, multiple colors for paths

Because the world is becoming more self-conscious ---> more focus on users

ex. Relationships between gamer and how they act

Show influences and how they’ll affect your project

Making a video showing how it’s done ---> ANIMATION

Prototyping

Field of focus

Think of why

Project 3 Pain Points

Suppliers run out of the materials

cutting mistakes ---> need new materials

He takes photo of designs, phone ran out of batteries

computer might get damaged, breaks, run out of batteries

archive will allow for people to back track and see what he changed

Stephen has to learn the process (shouldn’t be too difficult)

GRID system (custom calibration to space)

Button for quick changes that he can click on, otherwise auto-save

Cleaning the board might affect it

How long is auto-save intervals?

IFTTT

allows you to update, add, expand on things

cross platform capability ---> allows for instant updates to several people at once

Hootsuite: social media, auto-posts to different websites simultaneously

Genuine customers interested vs people who think it’s cool and don’t have the money

High level sketch

Homework:

Sketch out solution, how it works, requirements, what does it do

Readings

Update user flow, current state, future state 

[huangcin]

Week 14: Monday Class Notes 4/20/15

Classnotes:

RECAP:

- The Internet’s Own Boy - People being bullied by the Internet ---> negative consequences; Digital mobs - spoofing phone calls (call in hostage situation to SWAT ---> people can get killed when they’re innocent) ---> can be used for good purposes or bad - Blackout was nonviolent but effective, especially at freaking out corporations - Making fake identities and claims in order to bring down larger markets ---> is lying powerful?

User Flows and Journey Maps

User flow means going through all the steps of a process

Shows different people that are being affected

Examples: Timeline flow (what they’re felling)

Shows emotions generated b things

All interfaces are for the phone nowadays ---> Track how this experience is happening ---> how did it get here?

People are expecting more of an experience rather than “this is cool looking

if this action ---> this reaction ---> this solution

Try to avoid legends when making a user flow

Show the paths that have to be done ---> how it affects

User flow of what Stephen was doing and the experience

Project 3: Haley Trikes

3 rooms (workshop [for welding, spray-painting, sanding], saw-table/assembly, painting/assembly)

Volunteers coming in to help ---> can’t pay them as well as other jobs ---> volunteers aren’t consistent

Likes working on hands-on rather than organization ---> wants to be more focused on working ---> lets volunteers do what they do best

BLUEPRINT ISSUES (is there a way to give him a chalkboard-like space but can be digitized and quickly saved and shared with others for consistent assembly) ---> smart board? ---> allows for people to refer to guidelines

Uses other customers’ ideas and builds upon it with his own style ---> tries to remember everything

no tracking of change

Does he actually want to change his shop? ---> Doesn’t want to lose the feeling of working with things

Likes the interactions between customers and himself

Headlights aren’t included

Hydraulics working to make cart interactive

Not tracking calls/tweets to improve marketing ---> also not striving to improve ---> just lets it happen

Doesn’t have a way of dealing with big orders

Trademark needs to be more connected to his store name

Tracking where things are coming from ---> doesn’t exist

needs a way to track inventory (missing parts here and there)

Anti-tricycle movement

working on a documentary to get people to realize that their protesting is stupid

All of the information about using/handling the trike is in the video on his website

Production line is very unorganized

Not tracking payments ---> many of the bikes are bought in retail for their parts

why not just get the parts?

Paying whole bikes and cutting them down ---> donating parts to community

gets a call from customer about what they want [metal ---> wood ---> primer ---> paint]

no way to do things simultaneously

have to do one thing at a time

new space has a ventilation area for sanding and metalwork

delivery + shipping ---> he was paying for shipping and not making the customer pay

Selling for $2000, but average is $4000 ---> people know that custom things are expensive so they get money ready

How much does it cost per bike?

no work hierarchy (does administrative and labor)

accounting issues (also with inventory)

underestimating how long things take

not tracking how long he spends working on it ---> working all the time

doesn’t capitalize

missing rear view mirrors, reflectors, different gear options, brakes

doesn’t have time to do anything because he’s busy working all the time

INVENTORY MANAGER/PRODUCTION MANAGER

DRAW UP POTENTIAL LAYOUT OF NEW SPACE

Use of pulleys to rotate drying stuff

Pick one thing and bullet point it and make a user flow

Doesn’t want to have a customizable form to fill out ---> call

Wood quality is extremely expensive about $100 per board/side

only thinking about how to update fun stuff on site

no social media

no tracking

how to connect, contact, or market?

Possible areas of improvement

planning/organization (chalkboard area)

volunteers can be easily put to tasks if there’s a clear system

shouldn't do mass marketing until production is stable ---> will lose orders, cost time, cost money

inventory management (tracking supplies, maybe finance)

Getting inventory situation together would help determine production cost, production time

need area for inventory (storage area/room for parts)

library takes 60 days to pay and need invoice

already has a stable source of work from libraries and small businesses

My Idea’s Main Goals

Make changes quickly

Draw freely

Save changes

print out blueprints if needed

have a consistent blueprint for others to follow

keep all designs in one location rather than taking pictures all the time

don’t have to rely on remembering each design

comfort of interaction

can share design possibility with customers

can pull up multiple designs on screen at once

idea of dual digital and analog

software auto-saves new changes into different files in different folders

special attachment tools can fit on other writing tools (adjustable features to fit the item)

Homework:

Work on Project 3

[huangcin]

Haley Tricycles: Possible Solutions for Interface and Interactions

[huangcin]

Haley Tricycles: Project Idea

Section 1

Problem: There is no organization in terms of blueprint and inventory management.

Effect: 

Stephen is overwhelmed by amount of work

Sometimes runs out of materials 

Volunteers that he hires occasionally don’t know about the changes that he makes to the plans  

Solution: Make some way for him to be able to use the comfort of chalkboards while being able to save any changes that he makes to his designs. I was thinking of using some sort of main sensor (that will utilize his current chalkboard setup) to allow him to be able to save any designs that he puts on the board or any futures changes that he makes. The special writing sensor attachment will allow Stephen to put his chalk in it; there is also a customizable button on the mechanism that Stephen can set to quick save his changes if needed. It will be based on a grid system and will auto-calibrate to the surface that it’s on. The dimensions can also be manually inputted if necessary. Each new iteration of his changes will result in a new high quality photo file and each different order will be placed in its own folder according to the date that the order was made. This solution will also include a place for Stephen/assistant to list the materials needed to make that particular blueprint. 

Solution Effect: This will allow Stephen to automatically save his designs and any design changes so that his assistant or volunteers will be able to access the newly updated versions. Doing this will also allow Stephen to share some of his designs easily with his clients. If needed, because there will be files for each of the designs and its changes, Stephen will be able to print out the blueprints for customers or for volunteers to refer to. Since the materials are listed on each of the files, Stephen should be able to keep track as to whether or not he has enough supplies and how much/how long it takes to make a trike, which should be shown in his selling price. 

Section 2 Future User Flow (CAPS =  future tech effects / bold = pain points)

Gets order from customer

Sketches out design with customer

Or customer gives detailed powerpoint

Makes standard library design

DESIGNS ARE AUTOMATICALLY SAVED INTO DIRECTORY

Stephen has to learn the tech, but it shouldn’t be that difficult

auto-calibrates the space that it’s in or dimensions can be manually inputted 

work space could be cluttered and the designs could be slightly messed up due to calibration issues

tech could run out of batteries/break (should it be hard-wired?)

cleaning the board fairly well will be a must

ARCHIVE WILL ALLOW PEOPLE TO BACKTRACK AND SEE WHAT CHANGES STEPHEN MADE TO THE DESIGNS

Payment

receives payment

people don’t pay on time

PRICES ARE ESTIMATED USING THE MATERIALS LIST INCLUDED WITH THE NEW TECH

Order materials 

contacts supplier / pick up from store

ACCURATE AMOUNT OF SUPPLIES ARE ORDERED FROM THE SUPPLIERS (could lower some costs)

store could run out of supplies or change production lines / different products 

cutting mistakes

**Where are materials stored?

Organization system of inventory is lacking

Leads to missing parts (THIS IS RESOLVED BY THE NEW TECH)  

Production Process

Welding process

Follow blueprints/details on chalkboard

SYSTEM UPDATES ANY CHANGES

computer might get damaged, breaks, or run out of batteries

CUSTOMIZABLE BUTTON FOR STEPHEN TO CLICK TO QUICK SAVE 

IF NO CHANGES ARE MADE, THEN IT DOESN’T DO ANYTHING

IF SOME CHANGES ARE MADE, THEN IT WILL SAVE A NEW PHOTO FILE

ASSISTANTS ARE AWARE OF THE CHANGES AND FOLLOW THROUGH WITH THE ORDER 

Sanding and grinding

Ventilation issues 

Metal shavings flying everywhere

Cut wood designs out

Ventilation issues again

saw dust can mess up previous painted boards

Have to clear up table saw area to cut 

Parts are painted by assistant

If assistant isn’t there, workload can dramatically increase

If there are too many orders, get volunteers to help out

BLUEPRINT SITUATION IS FIXED BY THE TECH WHICH ALLOWS VOLUNTEERS TO KNOW EXACTLY WHAT THEY NEED AND HOW TO ASSEMBLE 

If no volunteers, Stephen gets overwhelmed by the amount of work to do

lack of consistent volunteers to help out

TECH WILL ALLOW VOLUNTEERS TO HAVE A SYSTEM THAT THEY CAN FOLLOW TO HELP OUT TO THE BEST OF THEIR ABILITIES

NEW TECH WILL HELP BUDGET THE COSTS OF MATERIALS NEEDED FOR PRODUCTION

Assembly of parts

NOW WHEN DEALING WITH LARGE ORDERS, VOLUNTEERS WILL BE ABLE TO ACCESS THE NEWLY UPDATED DESIGNS AND NOT MESS UP EVERYTHING

could be missing parts (THIS IS RESOLVED BY THE NEW TECH)

Shipping and Delivery

AmTrak 

no tracking id

cheap and fast

Gets second payment if on 2-payment plan

Start on next batch of orders 

DESIGNS CAN BE SAVED FOR FUTURE REFERENCES RATHER THAN STEPHEN TRYING TO REMEMBER EVERYTHING HE DID

[huangcin]

Haley Tricycles: User Flow

Part 1: Stephen’s User Flow:

Gets order from customer

Sketches out design with customer

Or customer gives detailed powerpoint

Makes standard library design

Payment

receives payment

Order materials 

contacts supplier / pick up from store

**Where are materials stored?

Production Process

Welding process

Follow blueprints/details on chalkboard

Takes photos

Sanding and grinding

Cut wood designs out

Parts are painted by assistant

If there are too many orders, get volunteers to help out

Assembly of parts

Shipping and Delivery

AmTrak 

cheap and fast

Gets second payment if on 2-payment plan

Start on next batch of orders  

Part 2: Stephen’s User Flow + Pain Points

Gets order from customer

Sketches out design with customer

Or customer gives detailed powerpoint

Makes standard library design

Payment

receives payment

people don’t pay on time

Order materials 

contacts supplier / pick up from store

suppliers run out of the materials

**Where are materials stored?

Organization system of inventory is lacking

Leads to missing parts  

Production Process

Welding process

Follow blueprints/details on chalkboard

Takes photos

doesn’t update changes made to chalkboard

assistants are unaware of these changes

phone runs out of batteries  

Sanding and grinding

Ventilation issues 

Metal shavings flying everywhere

Cut wood designs out

Ventilation issues again

saw dust can mess up previous painted boards

Have to clear up table saw area to cut 

Parts are painted by assistant

If assistant isn’t there, workload can dramatically increase

If there are too many orders, get volunteers to help out

can lead to unnecessary parts if volunteers are involved

NO BLUEPRINTS CAN LEAD TO PRODUCTION ISSUES

If no volunteers, Stephen gets overwhelmed by the amount of work to do

lack of consistent volunteers to help out

Possibility of running out of money for parts

Assembly of parts

when dealing with large orders, volunteers can mess up the order since they were updated on what changes were made

could be missing parts

Shipping and Delivery

AmTrak 

no tracking id

cheap and fast

Gets second payment if on 2-payment plan

Start on next batch of orders 

Sketches of Current Flow: 

[huangcin]

Project 3: Questions List

General: 1. How did you start this project? 2. What was your first trike? 3. Who was your first paying customer? 4. Who are your typical customers? 5. How do customers typically find out about you? Reaching out: 1. What kind of marketing do you do? 2. Do you do any advertising? 3. What is your online presence like? (web/social media/email newsletter?) Process, Design & product: 1. What is the design & build process? 2. How do you start a project? 3. What are your different products? or is it all just custom work? 4. How do you design a new idea? 5. How do you prototype your ideas? 6. Do you use a computer for any of your design work? 7. How involved are your customers in the design process? 8. How long does it usually take to make a completely custom project? 9. How long does it take to make a trike based on a pre-existing design? 10. Do you add any technology to the bikes? like lights, or sound, or sensors or anything like that? 11. Has the design and production of the trikes improved over time? 12. Is your production getting more efficient over time? 13. Can anyone else work on the trikes from start to finish? 14. How and were do you store your designs, build plans and schematics? Sourcing: 1. Where do you find your materials? 2. How do you move the materials? 3. Do you use the same vendors? Accounts/Backoffice: 1. How do you track materials? 2. How do you track your inventory? 3. How do you make customers pay you? 4. How do you pay your vendors? 5. How do you track employee hours? 6. How do pay people who work for you? Sales: 1. How do you price the projects? 2. Is there a base price? 3. Do you require a deposit to start a project? 4. Do you set up payment plans? 5. Do you get customers to pay you an advance?

[huangcin]

Week 13: Wednesday Class Notes 4/15/15

Classnotes [HaleyTricycles]:

Flameproof floors

Front to back assembly

Workshop  ---> welding, metalworking, spraypainting

Nearby steel supplier

2-3 people working in workshop

chalkboard paint

plywood/marine grade

sawdust area

does things in batches of 4-5

metal in tubing  ---> welding  ---> stacking

Building wall to contain sawdust room

Painting wood

Laminated wood

Trademark curve 

can be customizable if necessary

popular with libraries (giving away books)

30 trikes a year

Libraries want trikes around springtime

People come by or call

90% ish all around US and Canada

Shipping (UPS guidelines didn’t work)

trucking company picks up at dock

Appliance box for free (making the exterior boxing look trashy so people don’t mistreat it)

Box is about America door size/width

to MA about $180, to CA about 300$

Lots of AmTrak shipping 

great but low tech

fast and cheap

no tracking id

baggage car

shipping 120$

AmTrak ships dead people in baggage dept

More custom than standard designs

coffee cart example

weird people wanting weird things

Dusty router machine for cutting wood notches and curves

Library can do campaign via indiegogo etc

Fill up trike with free books and hand them out to public

Book bikes $2120

Growing library trike business

product more popular than name

4 other companies in US that deal cargo bike

don’t deal with other kinds of bikes

idea originate from trike design in Vietnam

transport about 100? 1000lb? 

South America to Mexico

Vietnam

Wheels and triangle parts aren’t built here

don’t have machines to bend curves in metal

Beach cruiser triangles

Usually come from Taiwan manufacturers

not fancy bikes

heavy and durable

Drying rack made of steel studs

paint doesn’t stick to it

paint won’t be damaged

Area is cluttered and not easily accessible (need to use ladder to reach some places)

Work on 4-5 bikes at a time

Just enough to be efficient and wary of safety and not to get people tired

Design comes from customers (good number of ideas come from customers)

made almost 200 trikes

most of customers are just starting their business (this is their marketing, business, transportation)

popularity comes from word of mouth

some people do all their research for their business, others don’t think about things like health and safety

New Orleans tamale business

Boston requires that you have an umbrella 

idea of adding a sink with hot/cold water

food companies usually more complicated

how much research did you have to do?

first time was to move drum set 2002

only cargo carts were in NY for business 

made it door sized

welding runs in the family

trial and error in making it until it was right

designs are based on 1890s-1920s carts

Holland has a bike infrastructure, not a car infrastructure

length and height is customizable, width stays the same

can send images of older designs to people for reference

First Chicago library cargo bike

library snowballing effect

try not to turn down people  ---> hustle instead

will the new space help or hurt the efficiency of production

biggest problem in supplies  ---> all run by one-two people (underestimating how long grinding and painting takes)

Keeping track of inventory is a little messy

Production time is about 10-12 weeks

Stephen can do all the welding no problem

whatever people are good at, he lets them do it

could maybe pull off 10 trikes in 2 months

hard to have people in and out working

NEED A CONSISTENT AMOUNT OF SKILLED WORKERS

NO ADVERTISING as of yet except folks magazine

wants to have an advertising budget (LARGE EXPENSE)

People write about things about the trike but no one knows where the trike came from

Not having a link makes sales double

Tries to update site once every 3 months

Feels that glamorous website equals company has huge budget or aren’t selling bikes

most of the customers are people he knows

4 bikes in a month but not 1 in a week

At most 7-8 bikes in 6 weeks

Sketching on paper and chalkboard wall (try to plan things out, confident in skill, try to do things in one go since unwelding in time costing)

ORGANIZATION (don’t throw things away)

Photo trikes to keep track of how it was made and improvements that could be done

RELIES HEAVILY ON CHALKBOARD 

LACK OF DIAGRAMS COULD MAKE ASSISTANT PUT UNNECESSARY OR WRONG PARTS ON 

VOLUNTEER 

let people do what they want to do  ---> better outcome

good for small businesses

Payment  

lots of check payments

have to send libraries invoices so they can send checks

can accept PayPal (confidential and secure for both parties rather than sending credit numbers over the phone)

purchase order + contract

usually upfront of half

Conflicts when the deadline isn’t met (especially when things are more complicated than it seems)

Kickstarter is great for raising money but it’s a problem

running out of money when people send in 1st payment

clothing business is good as well

People don’t really just buy it because it looks cool  ---> for business/functionality

can do headlights and tail lights

more tech stuff is usually provided by the client who knows what they want

Stays away from social media but follows clients

shipping issues with keeping bike in good condition

maintenance  ---> usually take to local bikeshop 

Not many maintenance issues

1 shipping, 1 abuse, 1 other problem out of 200 orders

Los Angeles site

starting to do vinyl/graphics stuff in the shop

Homework:

Readings and finish HTML5

LINK FOR ALL PICTURES OF HIS TRIKES:

https://www.dropbox.com/sh/371iqzrzqbk3h1i/AABocZr_pPifAzsVJ8jWnq10a?dl=0

[huangcin]

Week 13: Monday Class Notes 4/13/15

Classnotes:

RECAP:

- Speed at which  - Thinking about how to create new tech ---> new solutions / new ideas Able to do more ---> collect info - Search bar becoming more intelligent and more powerful - Nest - Try to design things that have more intelligence - Becoming the kind of designers that create-design things that’ll help people in general - Tesla: car can be updated from Internet, can be connected to the web, senses that detect proximity to things - Taking control of your car  ---> stopping/braking/etc All Star system

Knappenberger 

PAIN  ---> abuse of power and convenience

open source issue  ---> some guy killed himself trying to make things public that usually aren’t 

Think about how to deal with situations where people might steal your things and abuse it

Copyright collision

Creative Commons

Not about a license of speech  ---> It’s about giving people power to speak

Rejecting the business world

OpenLibrary.com  ---> vast stream of knowledge available to the public

Public access should be free and available to the public domain

PublicResource.org  ---> trying to make PACER documents free

FBI Secret Service, labeled modern terrorists 

Government freaking out over a small thing and not focusing on more important and dangerous matters; overreacting

The Internet’s Own Boy

Government questions why he downloaded all these JSTOR documents when it’s free in the first place

never meant any harm or re-distributional criminal activity

Government forcing decisions onto people who are completely innocent

Guerilla Open Access Manifesto

JSTOR dropped the case and said they have nothing to do with the crimes/incarceration 

MIT never did anything to stop this even though its purpose stands for hacking and experimenting 

ended up helping government instead

SOPA Stop Online Piracy Act

allow the blockage of website and its funding without any notices or due process

Division between corporations and individuals and nerds

Popular companies blacked out their sites to turn the side 

Federal prosecutors build/create cases rather than find evidence and truth

Hailey Tricycles

Wednesday field trip 5pm 34th and market in front of 7/11

Goals: use design thinking 

come up with solutions for problems

Ex. Walking into the Apple store activates a shopping experience app for people checked into wifi  ---> all of this happened automatically

Present a problem you perceived in the business, present a web/mobile/tech solution 

Show a user flow of the problem and the solution

Wireframe of solution

make prototype if you have time

Possible areas of focus

Front office (sales, client management, marketing, accounting, supply)

Back Office (inventory, manufacturing, employee management, accounting, supply management)

Homework:

Finish the tutorial and do readings

Think of possibilities for Project 3 

[huangcin]

Week 12: Wednesday Class Notes 4/8/15

Classnotes:

[VIDEO: TIM BERNERS LEE: THE NEXT WEB]

Grass roots movement of the web

Ability to link to virtually everything

Linked Data ---> everyone is linked on the web

Using web for people, places, documents, products

http protocol to connect

get info about things via fetching info

relationships

Linked Data Standard (compared to a flower bed garden of networks/data sprouting)

Data comes in many forms

Making the world better by making data available

wouldn’t people try to exploit this though?

RAW DATA NOW!

Efficiency of getting data at a 1:1 hit:result ratio (Linked Data)

Linked Data: people doing a little each to make a huge difference

Where Are We Going?: The Future of the Designer in a Multimodal World

Progression of tech increases exponentially when there are more tech communicating

Learning and accessing info faster

People have come to see multimodal info as a way of connecting

At the point where info is being user generated more

Listening/judging to what people have to say

Less interested in broadcasted info nowadays

Web 3.0

The Semantic Web: raising intelligence of web by providing more audience sources (Google map have users add their own info)

Intelligent Web: An extension of the connection and intersection of info and ideas

idea where all devices have a sort of intelligence of their own to interact with the web ---> create new data (i.e. clock telling us that class is over)

A Web of Things: all things connecting and going further

The Internet of Things

Input/output

Google: Super Company of Web

creating new things out of data streams

search bar has not changed in forever

but now there’s an account linked ---> used for more user specific searching

how you’re sending, what you’re sending, what devices

Voice option is collecting more and more info (specific for each user)

Contextual interactive areas on Google (the info box on side, or the functions that come up when you type it in, i.e. calendar)

Trying to figure out the connection

Silo data (locked info/data inside) Lee was worried that we couldn’t access this

Look at what people do to create new interfaces of things

Google is controlling everything by connecting it to their own product

Use these tools to connect these things

make more powerful and useful

ex: Nest (thermostat is intelligent) ---> through use of sensors, connectivity

adjusts the temperature based on your body temperature as well

Work on how to create new things to influence our daily lives

Google bought this web company ---> added new data to its web

How internet and web is affecting how we interact with the world

Apple Watch ---> your watch is your new go-to device

use of tapping/vibrating to indicate what’s going on

**Less problem solving, more crafting things! 

Product design? But not supposed to seem that way

Come up with new ways of thinking/designing things

[VIDEO] DESIGN AND THINKING by Mu-Ming Tsai

Tools of design help us 

Designers don’t really think about the higher calling ---> how it affects everyone

Design Thinking: given a time limit, you design think about your users’ product

Acquire a wide range of skills to understand the complexity of the world

Hard to get passion for things you never participated in

***Think, Design, Prototype, Improve through iteration

3D printing allows for creating forms for prototyping

Living in a material age

Design Thinking ---> seeing something that we want to make better

Look at perceptions (quantitative and qualitative)

About eliminating segregation via design

Good idea ---> have lots of ideas

Submit your idea, draft up a simple prototype and try to test it

Don’t be afraid of failure! 

Skype = free calls = didn’t cost company any money to give calls

Other phone companies would lose money

Thought it wouldn’t work out

owns 13% of market now

Bike customization ---> total control over construction

everything you pick affects your relationship with your bike

Designers are looked down upon by businessmen

Corporations getting beaten by the minds of kids in a garage

Just need a laptop, place to work in, web, good chair ---> design

Social entrepreneur making things that benefit the world in general

Merging different fields’ ways of thinking together

Give yourself the freedom to think crazy

Make unique, not generic products

You have the public safety of people in your hands sometimes

It’s about experimenting

Cooking experience ---> ice breaker / Design+cooking=try to make something tasty from various ingredients

People tend to use algorithms because it can get things done more efficiently

Form ad content (designers are responsible for both now)

IMPACT!

Freedom of Imagining + Experimenting! 

Homework:

Finish HTML5 tutorial

Think about the new things discussed

[huangcin]

Week 12: Monday Class Notes 4/6/15

Classnotes:

Critique

- too many colors but scheme works / distribute visual weight

- more hierarchy on menu items

- stress importance of the “Live Updates” box on menu 

[huangcin]

HaitiProject2Presentation2.ppt