Design for Tangible Electronic Tools
Domus Academy, Milano

In context of mobiity -

Project: Design tactics:

imagine sound
visual experience
media expression

floating over physical world, patterns and traces

create a relational hybrid typology of objects

create products that don't exist yet

Personal > Dialogue > Affordance

connected Shared codes

locative collaborative archetype

haptic and gestural
ambient devices
interconnectedness of integrated objects
emotional communication
Framework> concept>storyboard>functionality>justify design

industrial design inspired by architecture.
Design should be affected by fashion, fine arts, music, interior design

technology> object
object>object

nuance

Smart tools and small functions = verticals

My project: working on a media expression focused product with team of peers from Sweden/Tokyo, Italy and Turkey

Posted by aynne at 11:52 PM | Permalink | Comments (0)

Incite a mob
Originally uploaded by aynne

Posted by aynne at 02:53 AM | Permalink | Comments (0)

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:

Posted by aynne at 06:56 AM | Permalink | Comments (0)

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 design stuff from Apple

more as I continue to mess around

Posted by aynne at 07:51 PM | Permalink | Comments (0)