Design Project Catastrophe Presentation – Youchun Zhang

 

Chelsea Piers Overview

Chelsea Piers is a series of piers in Chelsea located to the east of Hudson River. The piers is currently used for sports and entertainment.

 

Design Question

I would like to design a system that warns of danger and facilitates the evacuation.

 

Persona

Paul works at the PIER 60 parking. His job responsibilities are to overlook the garage and help with the valet parking. His work starts at 8 am, and ends at 6 pm. Today he is a little bit late because of the traffic. 

The weather becomes really worse at around 10. He is shocked finding the waves in the Hudson river. He calls his manager immediately, and surprisingly they are informed that they should evacuated to the nearest evacuation center. He then walks to the nearest exit, and while he is walking, he talks to the people nearby to evacuate with him together. He arrives at the evacuation center at 15th street about 1 hour later.

 

Prototype

There are four components designed in this evacuation system – a cloud server that hosts all the information and talks to the other components; a real-time data collecting device that reports the water level;  an consumer app that alerts the users and notifies about the most applicable way to evacuate; and a dashboard that monitors and visualizes the system status and evacuation report.

https://vimeo.com/229709298

 

Mario-Design-Day7-FieldTrip

Click image to understand observations:

 

OBSERVATIONS

  • Narrow streets. Single car Moving. Double-lane parked cars.
  • Footpaths have traffic! Dangerous/Distracting.
  • Circumstances.
  • Crossroads are important.
  • Two Safe Spaces.
  • Save Life. But, Save Property?
  • Drills, Communication, Market Protocol.

 

Mario-Design-Day4

HCD project outline:
a. a mind map

b. some design questions

  • is the boarding pass actually perfect today?
  • are we taking it for granted?
  • if a door can be debated as a Norman door, is a global boarding pass design perfect?
  • can daily travel signages be harmful?
  • Remember the Miss Universe blunder and the Oscar Best Film announcement goof-up of 2017?
  • Can we reed it write?

c. challenges

  • Different people, age groups, disabilities
  • Human Circumstances
  • Standardization
  • Fancy branding vs Aesthetics vs Minimalism
  • Feedback was hazy
  • Larger sample space
  • Targeting audiences
  • Need more circumstances

d. a design statement 

“How can I make the Boarding Pass truly global and absorbed by all kinds of travelers very easily, for most circumstances”.

Mario-Code-Day7

//NAME

int imageIndex=10;
int xPosition, c=0, move=900;
boolean faceLeft=true;
int i=0, size=900;

//Declare two arrays of PImage respectively
PImage [] imageA = new PImage[imageIndex];
int [] Ax = new int[imageIndex];
int Ay = 200;

PImage [] imageB = new PImage[imageIndex];
int [] Bx = new int[imageIndex];
int [] By = new int[imageIndex];

 

//Face Right
//INSERT CODE

void setup()
{
size(1000,500);

//Use for loop to load/initialize array of Images
for(i=0; i<10; i++)
{
imageA[i]=loadImage(i+”.png”);
imageB[i]=loadImage(“f”+i+”.png”);
}
Ax[0]=900;
}

void draw()
{

//DRAWS RECTANGLE
background(255);
imageMode(CENTER);

//ADJUSTS SIZE OF IMAGE
//float size = map(0, 0, height, 0.5, 1.5);
//scale(size);
size=200;
//i=0;

println(move);

//if(c==0)
for(i=1; i<10; i++)
{
Ax[i]=Ax[i-1]-30;
Bx[i]=Bx[i-1]+30;
}

////Check running direction and load different array of images
if(faceLeft==true)
{
if(c<10 && c>0)
move=move-30;
else
{
c=0;
Ax[0]=move;
}

image(imageA[c],Ax[c],Ay,size,size+20);
c++;

if(move<0)
faceLeft=false;
}
else if(faceLeft==false)
{
if(c<10 && c>0)
move=move+30;
else
{
c=0;
Bx[0]=move+30;
}

image(imageB[c],Bx[c],Ay,size,size+20);
c++;

if(move>width)
faceLeft=true;
}

delay(100);

}

//Keyboard control
void keyPressed() {
if (key == CODED) {
if (keyCode == LEFT) {
faceLeft=true;
xPosition = xPosition – 30;
}else if(keyCode == RIGHT){
faceLeft=false;
xPosition = xPosition + 30;
}
//println(faceLeft);
}
}

 

Web – Final Concept

It’s a website for user to get the random inspiration.

The website will include different kinds of artworks, including music, painting, modern design works, fashion design, etc. When designers meet a problem, it’s actually hard to find what right inspiration is for them. The website is intended to provide multiple fabulous artworks in different fields. Every time when user clicks the next, it will give you artworks from someone else–to inspire people.

reference:http://www.because-recollection.com/

Design HCD Project Presentation – Youchun Zhang

Problem

Bike trip is hard to plan due to multiple changing factors – weather, traffic, finding a bike nearby.

 

Design Question

I wish that there would be one single entry point so that getting the information to plan a bike trip wouldn’t be so hard.

 

Persona

Alex is a Youtuber. He makes videos and likes biking around. Every morning, he would ride to a cafe and get an Americano. Today he is planning to make a video about street performers. There are two places he would like to go. One is in a park. The other one is along the river bank. He plans to go to both places by bike.

 

Prototype

Smart Biking is an everyday biking supporting service. It provides a daily briefing of the biking conditions in the city where the subscriber lives in. It can also be served as a chatbot and an application inside the message apps. The information it would cover includes weather forecast, real-time traffic update, navigation (specifically for biking routes), and helping the user find a shared bike or a guided bike tour. It analyzes data from almost everywhere and construct information based on that.

 

Icons – credit to

Andreas Wikström from the Noun Project
luis pachon from the Noun Project
Adrien Coquet from the Noun Project
Hans from the Noun Project

Human Centered Design – HW – Miguel Hidalgo

Mind map

Design questions

Eating alone in some social scenarios makes the meal boring, limiting and in certain cases sad. I wonder is there is a way to match people with similar interests at the time for dinner or lunch to spare them from spending a meal alone

 

HMWs How might we

  • How might we match strangers with similar interest for a meal to spare them from a lonely meal
  • How might we identify and match peoples varied interest
  • How might we ensure that no one is matched to someone who would make the meal worse
  •  How might we single out creeps and perverts from trying to make this meal uncomfortable
  • How might we find people interested on not eating alone
  • How might we understand when people want to eat alone and when would they prefer company
  •  How might we sync different people’s schedules to have them meet together
  •  How might we make restaurants participate in this activity
  • How might we make restaurants benefit from merge single customers into communal tables
  • How might we know if two different people will have chemistry
  • How might we rate the experiences that happen from people sharing a meal
  • How might we help people split a bill in two.
  • How might we help people break the ice when they are paired with a stranger
  • How might we earn people’s trust since we are paring them with someone they don’t know
  • How might we simplify the system into an app or site that informs them of their next shared meal
  • How might we identify opportunities to match people together in scenarios that could involve more than 3 or 4 people.
  • How might we help others meet new people in cities or places where they are new or no nobody.
  • How might we incentive new users to continue participating

Challenge & Goals

Challenges

  • Earning people’s trust
  • People using this to use it for dates and not for a inoffensive meal
  • Keeping creeps from using the system
  • Avoiding the awkward moment of paying the bill
  • Matching people’s true interest
  • Matching people’s schedules
  • Having people agree on a place to eat

Goals

  • Having people enjoy a meal in company
  • Having people share the cost of meals that otherwise would be more expensive
  • Have people meet other people with similar interest or goals
  • Have people meet for the sake of meeting new people
  • Make a dinner/lunch more enjoyable in company than individually
  • Make people try new places and foods
  • Make people less anxious about being alone in new cities or when traveling
  • Make big communal tables a more common thing
  • Not to have people only eat with one other person, but instead encourage them to meet with other 2 or 3 people.

Design Statement

I am exploring the challenges of scheduling strangers together based on interests because I want to find out how can we pair them for meals in order to spare them from having a dinner or lunch alone.

I will be approaching this project from the lens of User Interface Design.

Mario-Code-Day3

 

//Day_3_Homework_Program_1
//Mario_Dcunha

 

//int r=243, g=237, b=177;
//int radius=50, x=250, y=250;

//Define Center Points
int x=0, y=0, r=0, g=0, b=0, rLimit, lLimit, tLimit, bLimit, diameter=50, dir=1, xSpeed=5, ySpeed=4, xc=100, yc=250, a=0, d=0, c=0;

void setup()
{
size(1000,400);
smooth();
background(243,237,177);
}

void draw()
{

noStroke();
//Taking a center for concentric circles
pick_center(150,150);

//Drawing the white concentric circles
circle(255,255,255, 160);

//Insert the white cirlce behind
stroke(0); strokeWeight(2);
pick_center(100,230);
circle(255,255,255,60);

noStroke();
pick_center(150,150);

circle(r,g,b, 150);
circle(32,157,29, 90);

if(mousePressed)
{
circle(r++,g++,b–, 90);
}

circle(0,0,0,75);
circle(59,131,119,60);
circle(0,0,0,50);

if(mousePressed && r>200 && b<200)
{
r–; g–; b++;
circle(r,g,b,60);
}
//Draw the final black loop
//pick_center(150,150);
noFill(); stroke(0); strokeWeight(5);
ellipse(150, 150, 165, 165);

x=width/2;
y=height/2;

noStroke();

pick_center(xc,yc);

circle(0,0,0,60);
circle(235,208,118,50);
circle(255,255,255,40);

rLimit = width-(diameter/2);
lLimit = 0+(diameter/2);
tLimit = 0;
bLimit = height;

if(xc>rLimit)
xSpeed = -dir * xSpeed;

xc = xc + xSpeed;

if(xc<lLimit)
xSpeed = -dir * xSpeed;

if(yc>bLimit)
ySpeed = -dir * ySpeed;

yc = yc + ySpeed;

if(yc<tLimit)
ySpeed = -dir * ySpeed;

//Rectangle Thing

pushMatrix(); // Store the current transformation settings.
translate(800,150);
rotate(-PI/4.0);

a=197; d=70; c=42;

if(mousePressed)
{
a=d; d=c; a++; c=a;

}

fill(a,d,c);
rect(0,0,80,80);
fill(c++,d,a);
rect(40,0,40,40);
rect(0,40,40,40);
fill(a,c,d);
rect(40,40,40,40);

strokeWeight(2);
line(0, 0, -80, 40);
line(0, 20, -80, 40);
line(0, 40, -80, 40);
line(0, 60, -80, 40);
line(0, 80, -80, 40);

noStroke();
fill(197,70,42);
triangle(-80, 40, -20, 200, -65, 120);
popMatrix(); // Restore the previous transformation settings.

}

void circle(int r, int g, int b, int diameter)
{
fill(r, g, b);
ellipse(x, y, diameter, diameter);
}

void pick_center(int center_x, int center_y)
{
x = center_x;
y = center_y;
}