Huan20090909's Blog

mockup

http://www.greatplanthunt.org/

http://www.treehugger.com/

http://www.mobileawesomeness.com/

http://www.spikemagazine.com/1199posthuman.php

Card 1:

Theme : nature

Card 2:

Audience: kids age 3-12

engage kids with social learning games and experiencs

considerations: parental engagement, safety and moderation

Card 3:

calendar:  what: user wants to find or submit an event (public or private) based on a date or between a date range.

Use when: use this pattern to create date driven events.

use this pattern to find events by date.

use this pattern in combination with “face-to-face meeting”

Card 4:

welcome area: what : a user registers for a new service and needs to have a sense of what can be done at the site and how to get started

use when: use this pattern when a new user first accesses your site

use this pattern to acquaint the user with important or useful features.

Card 5:

identity cards or contact cards:

what: a user needs to get more information about another participant in an online community without interrupting his or her current task.

The needed informationmight include identity infor( to aid in recognition and to help the user relate to the participant) or reputation infor( to help the user make decisions regardingtrust).

use when: use an identity card wherever a user’s display image or display name is shown

use when additional infor about the participants is desired ( in context) without adding clutter to the screen.

Card 6:

avatars : what: avatar is both a generic name for a visual representation of a user online and a product name for animated/ cartoon or 3D rendering sand drawing that represent a user online

a user wants to have a visual representation of himself as part of his online identity

use when : use this pattern when the user wants to have a visual associated with her identity

Card 7:

Personal dashboard:

what: the user wants to check in and see status updates from her friends, see current activity from her network, comments from friends on recent posts, and other happenings from across her network.

Use when:  use this pattern when the experience of the site revolves around the activities of people and their networks, regardless of whether the activity takes place on the network.

use this pattern as a companion to the public profile

Interaction design for social/ mobile innovation

www.thegamecrafter.com

search for “social mania”

workshop:

write a short brief based on cards(30):

develop your vision statement/ product brief

mental notes+ firm up brief

pick one user flow and work through

sketching w/Mobile UL stencils(30):

sketch out screens according to flows

combine & prepare your

why mobile:

It’s on you: the device on your person during a behavior changing opportunity

Intimacy: relationship with your mobile device

Connectivity: access to networks allow connections to data&people

Non-disruptive: using a mobile doesn’t take you far from your natural flow

Culturally ready:

What is behavior change?

Ethics- mind the gap-action

I really shouldstart…….- shit. Another month went by- I was super busy

3 factors of behavior change:

trigger

motivation

ability

3 core motivators:

sensation: pleasure, pain

anticipation: hope, fear

social cohesion

ability:

make the target behavior easier to do

break it down for them

by focusing on simplicity. You increase perception of ability

trigger: prompt, request ,offer, call to action, cue

trigger types: facilitator(high motivation , low ability)

, signal(high low motivition)

, spark

processing communicate with arduido:

processing:

import processing.serial.*;

Serial port;

void setup(){

port=(this,”/dev/tty.usbserial-A40000QSq”,9600);

}

void draw(0){

if(port.available()>0){

char val=port.read();

println((char)val);

if((char)val == ‘a’) do something

}

}

arduino:

void setup(){

serial.begin(9600);

}

void loop(){

Serial.print(‘a’);

delayMicroseconds(100);

}

For next class(October 25):

Every page of the poem mock up.(due)

size:  980*580

add a scroll to let user to roll the page down.as part of the interaction

use pattern as a background,repeating pattern. william morris

http://www.squidfingers.com/

http://www.squidfingers.com/patterns/

http://bgpatterns.com/

2 page:without white cutout

3 page : poem with central line, left line. the color of the letter is better be the dark brown color.

foldline

make a folder for the webpage.

about file naming: no spaces, no special characters, always lower cases,no upper cases

upload to web server:

1.index.html-css

2.images- style.css

use templete the 3rd one

click <div- container> click the edit(pencil) to edit the background

click <body> add another background. put the image in