heatmap.mobi
The fruits of my iPhone Dev Camp contribution to the world...
location based
intuitive
ambient
multi directional
subjective
activity wayfinder
The fruits of my iPhone Dev Camp contribution to the world...
location based
intuitive
ambient
multi directional
subjective
activity wayfinder
My friend and I are in the midst of making a new tool for iPhone 2.
Its a location based, intuitive, ambient, multi directional, subjective activity wayfinder.
Written in Coca called Heatmap.mobi.
Screenshots and more info on the way... off to code and design now.
Extending our senses
Urban Atmospheres
Elizabeth Goodman (UC Berkeley)
Designing Alternate Location Systems
Alternate ways of making tracking systems visible.
Example:
RFID, FastTrak, LoJack, Runners, Disney Phone
Wireless beacons
Precision and reliability in data gathering.
Privacy
Alternate constraints can create exciting new design territory.
Compact representation of complex data.
Mobile User Experience team
Paul Adams, Google –
Social Map –
SMS used to avoid awkward conversations
Need to think about broad conversation
How, when and where people choose different communications tools.
Context? Or the people communicating with.
How big are people’s social networks and how did they evolve?
Stop Self- referential design
Most of the time –
You are not designing for you, your friends or people like you
Making Social Maps:
Layer One - People and Groups
People tell you all the people in their social life and let the user group them together on a large piece of paper.
Layer Two - Them across (in a different color post-it) show how they communicate with that person or group of people.
Layer 4 Sharing -
Layer 5 - Mapping actual behavior
have them bring the phone and find out who last 5 SMS and 5 Voicemails were from
Layer 6 Sticky dots - (blue dot who is on Facebook, MySpace, etc...) very rare for any one group to have all the same networks.
Close contacts
Loose contacts
Ambient contacts
Indirect contacts
Interesting article about mobile phones and social behaviors in Africa.
This is just silly and I love it..
The iPoor is the answer to iPhone.
two screens from the Flash Mob Application I am working on with a small team at the iPhone Dev event.
It is an experimental mobile app that allows anonymous flash mob event sharing and joining. Sign up, select a set of locations, and wait for SMS and e-mail notifications of flash mobs in your area. Or create a flash mob community by adding events that are then broadcasted to all users who've opted in to your locale.
Here are some of the tips and tricks I have learned while doing UI for this application:

and some of the origination ideation:

Some interesting things you can do:
two finger drag for iFrames
Don't think windows - think Viewports (imaginary windows)
Don't use empty div tags - because they will scale with the page
Optimum hit area for link buttons is 80 pixels.. yes, folks 80 pixels.
I have played around and 18 pt font works very nicely.
For native iPhone web pages use
meta name="viewport" which will tell the browser what to expect.
Optimum page width 480 - max scale 1/3 for horizontal orientation.
For video always use reference movies.
H264 with AAC
which mean you make 3 reference copies of the movie.
Tooltips don't work
mouse down doesn't work
Always use a iphone specific css file .
more as I continue to mess around