Tag Archives: Design

Using Cellular Atomata as a Design Principal for ‘Natural Design’

I read this really thought provoking article using Cellular Atomata, prime numbers, and layered images to create seemingly random backgrounds for web pages. Yes, backgrounds for web pages.

The problem is that on so many web pages, load time is an issue and so is screen size, so it’s really hard to avoid those lines or patterns that seem to repeat and distract from the content on a variety of devices.

It’s actually a great design principal to accommodate randomness, so the eye can focus on the structured content. It’s kinda like having a great forest in the background to an architectural monument. If done right the monument and surrounding garden will really pop against the scene.

In any case the author, Alex Walker, discusses how to uses geometric patterns based on prime numbers to create a sort of randomness in the background. The examples he gives are a much more understandable explanation than say Stephan Wolfram gives about the value of cellular automata in creating natural systems.

I think this better illustrates what Stephan Wolfram was talking about with cellular automata.

It’s clearly brilliant to use it as a graphic design principle.

Maybe Cellular Atomata (CA) rules could be used to generate layout width & height rather than typical asymmetrical patterns? An app like Flipbook could benefit from it, to keep the page layouts feeling designed and fresh.

I think Alex is on to something here using CA (Cellular Atomata) as a design pattern.

I would love to see it in designing UX and Architecture. I would love to see CA being used as a way to generate dynamic, but structured design.

It’s brilliant. Imagine what Santiago Calatrava could do with such a pattern.

“Attention walls” in UX Design, for productivity in an Attention Economy?

This post is in response to Aza’s design talk on China’s Great Firewall. ( http://www.azarask.in/blog/post/chinas-great-firewall-productivity/ ) In brief Aza asks the question if we can better manage our attentions by controlling the speed at which interfaces and information is rendered. He uses China’s Firewall as an example, that does not explicitly block an activity but discourages it strongly by slowing down the service. And as Google points out speed is a huge factor on the internet and heavily effects user behaviour.

From now, on I’ll call this an “attention wall” or the idea of using design to not just think about how best to layout functionality but to also consider the speed at which it reacts. To actually consider using an anti pattern of slowing down UI to discourage the use of a feature.

Why would we want to set up “attention walls”? For one, when I am programing I find that I use the internet a lot for looking up how to use an API or function, but sometimes find my self getting distracted with email or other activities. Also, you might make elements like Deprecated APIs appear lower on a list of functions or slower to auto-complete. Speed in UX does not necessarily have to be something that is counted in seconds, but it could be a metric that measures the distance from the user’s current focus or attention, and in that sense an “attention wall” is just an obstacle to available information.

So how else might we use “attention walls”? Well, we might pair them with the design element of karma, or micro currencies. So if you were running a corporate IT infrastructure and you wanted to pair down rather than block outside email and social networks. You might just slow them down, unless a user… spends some karma, or social currency on that activity.

This might be carried so far as falling within David Helgason’s notion of ‘Gamification’ of the internet and culture. http://blogs.unity3d.com/2010/01/14/2010-trends/ How we are slowing turning work into play, and play into work. Some people call this ‘serious games.’ It’s the sort of thing where you score badges and points for completing an activity. Popular social networks like gowalla and foursquare have been playing with this for a while, and the trend will probably continue.

So, how might we use this? Well, maybe corporate emails are slowed down, unless you spend a few points to send it at a priority level. This might just add enough of an attention cost to sending that short email to 30 people, that will end up distracting them and creating the habit of checking email every 5 min. If we all send fewer emails in the work place, maybe we can get to checking email the 1st five minuets of every hour, and get us into the productive pattern of not checking email, facebook, or twitter so often in the work place.

One might continue to tie the message sent into a reward system that if the email causes some sort of positive response either externally or internally that more accelerator points are awarded so that user can send more email; ie, the more responsible users get rate limited less.

So maybe as UX Designers think about color, readability, typography and the so many other things they think about, maybe today’s designers need to start thinking about setting up patterns for “attention walls” as we start to face information overload.

Open Loft privacy divider design.

I finally have a new place, and it’s an open concept loft in San Francisco’s SOMA district. It’s got everything I have ever wanted in a place, but it’s got one problem, to afford it I had to take on a good friend as a roommate. I love having roommates in a traditional space, but having a roommate in an open concept loft could, well ,,,.. get bothersome in the future.

I am currently exploring and brainstorming concepts to create privacy. However, building a full height wall, although a feasible engineering solution, is not what I am looking for. We are looking for something that keeps the loft as open as possible, while allowing us to define private spaces. We have thought of the following options, but what ideas might you have?

  • using plexiglass panels
  • using triangular plexiglass panels and create an uneven surface
  • using plexiglass with a negative pressure interior ( vacuum )
  • using glass
  • using foam
  • hanging rugs
  • hanging curtains
  • using bloxes
  • using a rubber skin around a substructure/ skeleton
  • creating a plexiglass substructure
  • creating a wooden substructure
  • creating a cardboard substructure
  • sucking out the air from with in the rubber encased structure
  • doing something organic looking
  • doing something modern
  • using small bright light sources like LEDs to trick the eye of an on looker to contract and thus be unable to see passed the array of LEDs, one might call this a ‘light screen’
  • use a light projector to overpower any refracting light in the room, thus creating optical privacy in one direction.
  • using some sort of blinds

I will try to update this post with examples of interesting design at some point.  Maybe you can comment on a few.