Armen Chakmakjian

Archive for November, 2009|Monthly archive page

Chromium Update – It seems to be working now…

In Random on November 23, 2009 at 4:21 pm

So sometime over the weekend, the fancy button on the top left came to life and the apps were available (and it took my gmail auth).   I also suspect that there was a behind the back update to the service because I’ve done nothing with the partition since Friday, and this morning it was running without a hitch and wasn’t crashing every 3 minutes on me.   Congratulations to whomever did that.

As I said in my last post, I was waiting for a stability update, and I guess I got one.  Thanks.

Still not sure why I need it, but as long as its being a good citizen on my mac, I’m content.

Chromium OS…you CAN wait…

In technology, web 2.0 on November 21, 2009 at 12:49 am

So I loaded up Chromium OS on my mac as a vmware partition alongside my XP partition. I will say that XP is more stable than Chromium — Kudos to Microsoft 🙂

For those of you who do not know, Chromium OS is the new operating system ostensibly for netbooks and tablets from Google.  It is really the Google Chrome browser living on top of the Ubuntu linux OS.  I found a vmware kit on gdgt and loaded it up.  I saw that people who had vmware 3.0 seemed to be having less trouble with it so I upgraded vmware in the process (I was going to do that for my later upgrade of xp->7 someday so what the hell, I’m all set now).

Ok I got around the weirdness in the various forum instructions that said I should use bridged network instead of NAT…I used NAT.  It did take a reboot (of just the partition) to get it to see the network.  You need the network the first time to log in because it authenticates with the mother ship the first time.  I haven’t experimented with seeing if it allows you to log in if the network is down.

I will say it comes up pretty fast.  and that’s important since it crashes every 3 minutes.  Oh and don’t hit the non-colored google wheel in the top left corner.  It asks you for your google login (which is different from your gmail login evidently since it won’t take that credential on me).

Since it is a browser-as-OS, you can get to your google docs and all kinds of other websites.

The only place that exposes the underlying linux is when you go into the preferences and you start mucking around in there with the filesystem. Then you see the familiar /xxx directories that most unix implementations have.

Overall I found it to be sluggish in performance and it curiously spent a lot of time getting itself back to norm.  which meant that sometimes it’d lose itself while I tried to click on things.  I wasn’t sure if the guys who built the vmware compatible kit forgot to turn off debug mode or something.

Ok experiment done, I did it.   My mac now has 3 different operating systems on it: Snow Leopard, XP and Chromium…and it still works.

No compelling reason to keep playing, hopefully the upgrade will be soon and clear up the bugs and slugs…

Oh and 10-12 years ago I remember the last time someone was trying to do this…the company was called Netscape…

#RIAUnleashed – notes from “UX for the development minded”

In Social Media, technology, web 2.0 on November 13, 2009 at 10:21 pm

The slides will probably do this more justice, but these are my notes:

The presenter was Andy Powell from Universal Mind

We are surrounded by great experiences – nice cars, satellite radio online service (pulsar), gourmet food delivered inexpensively…the iphone (which changed the way we view what a phone can do)…the movie Pulp fiction (ok this was a stretch)

Defining Experience Design

people’s guesses

  • looks nice
  • works the right way
  • how it works in its context

But what is really is is users/technology

The user wants to be inspired and makes the user come back.  If you can get them into the immersive place, where they have to be there, then you have got a good design

Styling is not design…skin and style at the end is NOT design.   Design is more immersive and is part of the process.

There are 4 steps to making a good design

  1. Discovery (figure out what the need is)
  2. Design (wireframes, user testing, prototyping, gives the user a good idea of the look and feel)
  3. Development (making the design bring up tangible results for the underlying application)
  4. Deployment

The presenter called this the 4D process

the process is a marriage of Ideas (users ideas) and Technology (the thing that is the right one for the problem)

Why are we doing this?   Because the technology facilitates a great design…look at the Dyson vacuum cleaner

The art & science of experience design

The path you eye follows is a circular clockwise movement.  There’s a reason that the apple on an apple is in the top left corner and the default icon sort starts on the right side of the screen.  Your eye will start on the top left in western society (it will be different for other cultures of course)

misused technology hinders experience

I’m sure we can think of examples

understand our audience/users

in order to do this we need to establish trust, so that they will give us feedback honestly and openly.  Trust goes both ways…the app can’t blow up (like twitter when crashes) on the user

Triggering emotion

we want to trigger a positive emotion.  Then he showed this ikea ad which showed this pathetic lamp in the rain…and then someone steps on the screen and says “what are you crazy, its just a lamp”

Emotion is the added value of design.  “reason lead to conclusions, emotion leads to action”

environment also affects perception

think about different people’s reactions to snow (people who live in different parts of the country

What’s the story / goal?

good stories connect the user.    The elements of the story are lead character, ambition, conflict, resolution

How is the story being told?

must be from the user’s perspective — This is where Personas arise

Title (picture) overview characteristics goals frustration influenceers questions knowledge

Personas create Empathy

as developers we should be asking from the users perspective, he hits the button — what does he expect to happen?

Features are Dead –

focus on the solution and features will follow

Create User Stories

chart interactions, data access, system persona, actors, even inanimate things can be viewed this way.  These stories are crucial…developers write the stories.  This is the point where we take the wireframes from the designers and define what can be built.

Good UX arises from a collaboration between designer and developer

Notice the experiences around you…and bad experiences will start annoying the $#|+ out of you.  The ENTIRE experience is the key, the whole immersive experience.  That includes people interaction as well as RIA.


#RIAUnleashed – notes from “keeping front end dependencies under control session”

In technology, web 2.0 on November 13, 2009 at 4:52 pm

The real slides are going to be posted at some point by the coordinators, but just for my own sake here is what I typed as fast as possible

5 simple rules for better client performance  (these are yahoo’s recommendations)

  1. organize and plan
  2. location matters
  3. load a component smart and once
  4. maximized caching opportunities
  5. optimize, minify and compress

Javascript

over time you keep adding libraries because something is missing

website application continuum

spry jquery prototype YUI EXT.hs Dogo GWT

<————————————————->

keep all your scripts in one central place

Classic pairings of libraries:

  • cf + ext
  • cf + spry (adobe)
  • jquery + jqueryUI  (nice theme roller DOM manipulation)
  • YUI + YUI (very comprehensive…followed their own advice)
  • Prototype + script.aculo.us

Externalize (java)scripts at the bottom.

because scripts load their own stuff, you can’t render anything while the scripts are loading.  Only caveat, some scripts only run in the head.  Anyway will improve performance

Try to get your scripts load only once

manage loading from the client-side.  http://24ways.org/2007/keeping-javascript-dependencies-at-bay

Yui has a loading component

Ajile?  yes with a j

Server-side script bundling – coldfusion example given.   scriptalyzer

Minify and Compress

YUI compressor strips out whitespace and comments to minimize

optionally obfuscate your code

http://develop.yahoo.com/yui/compressor

There are other examples of

GZip over 1 or 2k

serve compressed files from the server to browsers that support it

don’t compress files already compressed

Browser Cache

use external scripts

set expire headers for caching (Google-hosted)

set expire headers on common scripts

configure entity tags (e-tags) on clusters (http://www.askapache.com/htaccess

She gave some example of the tags to use for these various options

JSLINT

will help you write more efficient code

CSS/Style Sheets

externalize the CSS files at the top

embedded styles are a bad practice

use core style sheet when developing

if you use YUI you can link to their common style sheets

the import directive will not be invoked until CSS is completely loaded.  (you’ll see the page loaded without the style then zap the style gets applied)

Use a link tag to avoid the problem

Minify for CSS

cascading nature of css is not effective as javascript

cssinclude Custom Tag

manage them on the server side (recommendation)

Please

o Comment Your CSS

o declare your most global rules first then the page structure

o try to minimize the declaration and stack/cascade the styles and then the classes

o put your rules as high up in the stack as possible (to avoid redundancy)

Reset CSS

comprehensive eric meyer (http://meyer.web.com/tools/css/reset/reset.css)

Yui

Toward Modular CSS

  • build a grid system
  • blueprintCSS

Working with Multiple CSS files

Good-organize by purpose

  • framework
  • core/skin
  • hacks
  • application sections

Problematic-organize by rule type (but useful for user-skinnable apps)

  • colors/images
  • typography
  • positioning


Images: Organization and planning

  • keep them in a central place
  • separate structure and skin
  • keep logos in one place
  • use a naming convention for commonly repeated files

Images: Minimize file size

  • PNG files are your friend
  • jpegs for photos and continuous tones
  • GIFS for simple illustrations
  • use the comparison views of your image editor
  • Fireworks to do the compress slightly better than photoshop

Images: Loading Smart

  • minimize your image needs
  • use css sprites for nav tabs
  • do you really need an image—Use CSS3 for nonfunctional enhancements (like rounded corners)
  • trim images to minimal dimension
  • small tile backgrounds (if you do it 10000 times it reduces performance)

Essential tools

  • firebug
  • yslow
  • firefox web developer toolbar
  • safari web developer toos
  • ie web developer tool extensions