CS 160 User Interface Design

vermontdroningMobile - Wireless

Dec 10, 2013 (3 years and 6 months ago)

81 views

CS 160
User Interface Design
Fall 2013
Eric Xiao
exiao@berkeley.edu

OH: 2-3pm Tuesday 611 Soda
Welcome


Design Cycle


Rapid Prototyping


Heuristic Evaluation


Brainstorming


Contextual Inquiry


Frameworks
....

First Things First


http://teaching.paulos.net/cs160/

OR


http://hci.berkeley.edu/cs160/

Download the JDK/SDK

Background
Icebreaker
UI Examples
Administrative Stuff


Use Piazza


Faster response


Everyone gets an answer


It goes to my email anyway


Grades in
bSpace

Assignments


COURSE PETITION


DO IT


11:59pm TONIGHT



Wed Sept 4 (before class):


First Reading Response


Create Wiki Profile


Mon Sept 9 (5pm):


Individual Design Exercise


Wed Sept 11 (11:59pm):


Individual Programming Assignment 1
Readings


Task Centered Design Process


Submit Reading Responses before class


Username: cs160 | Pw: cs160Readings


One-Two quality paragraphs
Wiki Profile
Design Assignment 1
Redesign Berkeley Time


Talk to and observe
3 people


Brainstorm
12 ideas


Select your
favorite
idea


Prototype it


Get
feedback
from users
Example: BART


Talk to people at BART


See their problems:


“Machine hard to use”


“How do I do transfers?”


Find pain point


Prototype


Feedback
Design Assignment Example – Ryan R.
Design Assignment Example – Ryan R.
Design Assignment 1


Why?


Get familiar with the design process


Iterate
,
Prototype
,
Feedback


Applications


Web


Mobile


SaaS

Individual Programming Assignment 1


Create a unit converter


Requirements


Miles


<-> Kilometers


Pounds

<-> Grams


Fahrenheit <-> Celsius


Not grading usability


Understanding of Android SDK


Extra Credit
Official Requirements
Application Functionality
:


be able to select a unit to convert from


allow a number to be entered


select a unit to convert to


the minimum requirement is to provide
conversions between (miles and kilometers),
(pounds and grams), and (
fahrenheit
and
celsius
).
Individual Programming Assignment 1
Installing Android SDK
Installation Process


Install JDK


Install Eclipse & Android SDK Tools


Create New Android Project


Run Hello World using Emulator
New Android Project
Hit next until finish
Running Hello Android
Running Hello Android
Running Hello Android
RAM: 512mb for
windows
Hello Android
Finish
Finish
Resources for Android


Team Treehouse


http://teamtreehouse.com/library/android-
development



Android SDK – Building Your First App


http://developer.android.com/training/basics/
firstapp/index.html

Installing Android SDK