I’ve been interested in data visualization for a very long time — it intersects with a lot of very interesting things that are going on in the world, and thus is definitely worth studying. Happily enough, we now have whole boatloads of data — because the Internet has given this to us.

We have free tools and programming skills to mess with the data so that we can relatively easily turn it into something useful or interesting without puling teeth or renting computer time from 3-6 in the morning an hour’s drive away at the nearest State University.

It is because of all of these things, and what I feel is becoming an essential next step in the development of trend prediction and the very useful implementation of data and information, that we’ve decided to start having some meetings around this sort of thing.

The first Portland Data Visualization Group will be held on Monday, March 23, 2009 from 6–8pm at Webtrends.

851 SW 6th Ave.
Portland OR 97204
(map)

View the event on Calagator, Portland’s Tech Event Calendar.

Event Description

Researchers have long said that the material published on the Web amounts to a form of “collective intelligence” that can be used to spot trends and make predictions.

Using his 20% time, a Google employee discovered that during flu season, many ailing Americans enter phrases like “flu symptoms” into Google and other search engines before they call their doctors. When he mapped this data, he was able to discover where flu outbreaks would strike up to two weeks before traditional news sources were able to report them.

This is an example of a time when merging a specific type of data to its geographical coordinates resulted in a unique insight. However, there is much more to do with data and visualization. What was found at Google is only the tip of a very large iceberg. Now that we have access to so much data on the web, we’re going to see an increasing need to understand and present that data.

Agenda:

The first meeeting of the Portland Data Visualization Group will serve as an introduction to what’s going on in the world of data viz. It will be freeform, so if you would like to demonstrate something you’re working on, please be prepared to do so. Micah Elliott will be showing uGraph and Ed Borasky will do a GGobi demo. I’ll be covering what already exists in the ecosystem and what might become useful in the future. We’re dealing with a rapid communication method here. Something that, if done well, compresses the time and space it takes for us to understand something.

If you’re interested in Data Visualization, please come to this event. It will be the first Portland Tech Event at WebTrends besides Web Analytics Wednesday. It’s our chance to try out the space and see if it is a good fit for this group or potentially for other groups in the future.

Google Group:

Ed Borasky recently started a Google group called pdx-visualization. As the name implies, it is a group for Portland-area people interested in languages and techniques for visualization of data. http://groups.google.com/group/pdx-visualization

Flickr Photos:

I’ve been collecting interesting data viz photos for a while now and posting them to Flickr. They’re all accessible on my Flickr account in this set. Most pictures contain descriptions and links to the viz sources.

I hope to see you all there!
——

About

Amber Case, (@caseorganic is a Cyborg Anthropologist studying the interaction between humans and computers and how our relationship with information is changing the way we think, act, and understand the world around us.

Originally posted on Calagator, Portland’s Tech Event Calendar.

New marketing is the creation of events, experiences, content, products, and services in collaboration with the consumer. It is the creation of products and services that fill an actual need while creating a community that shares that need.

Google, Twitter and Facebook were initially created by people to fulfill a need. Google was created to manage information, Facebook demographics, data and connection, and Twitter, conversation. Software and hardware review sites emerged to protect consumers from false advertising. Blogs emerged because traditional corporations didn’t listen to their customers, leaving them to fend for themselves. Because of this, it’s much more difficult for traditional corporations to have a voice. It’s been drowned out by more valuable services. And the traditional communication channels have been severed.

In the new web there is no longer one platform to speak from. Social, economic, brand, and lifestyle realities are constantly fragmenting, reorganizing and combining in new ways. Products are easily adopted and easily thrown away online. Additionally, each culture is constantly creating its own dialect, and unless a business understands that dialect and is extremely diplomatic, an online community will be able to see right through a marketing campaign.

There are tools out there that can be used to dive deep into these content networks such as Facebook and Twitter to secure information. Consumers have the power - both to create and destroy. But they also have a very helpful voice, and it’s important to listen to them. Often, they can’t create the products, services, and experiences they need. But companies can, and consumers want to help.

Web vs. Brick

In the brick and mortar world, most businesses have a front door and a loading dock, as well as finite hours of operation. Web designers originally built websites in the same way. But a website is always open, and every page a front door. Thus, each and every page on a site counts. Each page is a representation of the entire company, and must hold its own if accessed out of order and context.
One might think of the Internet as a vast ocean of noise with islands of content on it. Search engine optimization is a process that can bring an island closer to land…often close enough so that visitors can walk onto it. Visitors will generally use a website as a solution if they don’t have to navigate an ocean to get to the data they need.

Search engines can bring in traffic, but there is no guarantee that the content on a site will match what the user searched for. This can be helped along by having a site display items similar to what the user searched for. For instance, Amazon.com and the New York Times both have related posts and products that appear on almost every page.

Interfaces

As more and more companies turn to online software solutions, user interfaces become increasingly important. This is especially true when online collaborative software is used across great distances.

To quote the Urban Planner Paul Elek,

“The point is that our daily existence is normally filled with short walks and passing through interfaces. It is not the number that we remember but rather the poor quality of them and the time spent in moving through them”.

A principle to follow in designing an online experience is the time and number of clicks it takes for visitors to access data. If there is no flow, no calls to action, and no relevant content, then the user will generally move on — and click “no”, or the “back” button.

Users will generally take a route with the least interface changes to fulfill their needs. A good interface blends into the background while maximizing relevant user actions. The interface should also compress together similar steps so that actions do not have to be repeated uselessly by the user. Flickr’s image uploader and title/descriptions fields do an excellent job of this.

A website should contain no unnecessary code, styles, or content. A speedskater has different muscles developed than does an tennis player. There is no “one social media strategy fits all”. A website’s content/structure/links should be developed according to the type of products/services it provides. Conversation, community building and ease of use minimize consumer effort and can be achieved in different ways. It is imperative to pay attention to what communities/demographics need the services/products a site provides. Which avenue is best to play in - is Twitter more appropriate than Flickr? Examining the social media sites a community is drawn to says a lot about how they interact the most comfortably.

The ratio of good vs. poor content online makes filtering necessary. A website can only stand out among the crowd if it offers new and consistently reliable content. Additionally, that content must be accessible by both humans and machines (search engines). The online landscape only allows consumer’s limited time to make decisions. In these kinds of environments, one must alway focus on data accessibility, calls to action, and extremely clear direction. Information that is buried too deep into the site’s structure is more difficult to get to, and runs the risk of not being indexed by search engines. Products should be focused on providing value.

PR 2.0

Some of the first industries to capture digital data real-time were hedge funds and other financial firms. They used something that I’ll call an intelligence dashboard — where different streams of data were needed to make complex decisions. The dashboard allowed users to see many different stocks at once, and companies were able to create a sort of proto-feed that showed many different ecosystems of data at once.

Data Mashups

Services like Netvibes and Yahoo! pipes can be mixed together to offer companies real-time intelligence feeds that show what their competitors are posting on their blogs, what people are saying about them on twitter, and their overall online presence — all in one place.

Making these intelligence dashboards takes time and research, but the value added (not to mention the time saved) by the implementation of a centralized data source is immense. Also, it’s powerful enough for agencies that manage multiple clients, because the entire system fits into one browser window with a series of custom, labeled tabs.

All brands have an analog version of this, and some have a digital one — but all brands need it. Google Alerts is a quick and Intelligence dashboards are capable of handling the data generated by global and local brands as well. They can monitor Flickr photos, news items, blog posts, ect. Anything online, and anything in motion. Companies who do not monitor their own brands run the risk of their brands

Community

A websites’ user base should be voluntary - it should be providing a comfortable nesting ground for user actions. Youtube allows its users the space for their communities to interact, and does not force them to interact in a specific way. New tools should be created to move forward the voluntary community’s ability to reach their goals. In doing this, the creator must be able to understand what the user’s needs are, and then help the user to get there step by step. Instead of major site redesigns, tools should be being found by the user during normal routine actions. This will allow the user to ‘discover’ that tool for themselves and then determine, over time, the best use of that tool.

Explicitly stated actions or rules for the user to follow are confining and dictatorial. Suggestions are better (See Tumblr - a user-based and created space to post quotes, pictures, and videos (a sort of microblog with media…but with less interconnectivity than Twitter). The database/user experience must expand more from the side of the users and the system must be mutable enough for the to move with the space of the user.

About

Amber Case is a Cyborg Anthropologist and New Media consultant living in Portland, Oregon. You can find her on Twitter @caseorganic, or may contact her via E-mail at caseorganic at gmail.com.

photo credit: Martin Pettitt

The first ever Refresh Portland occurred tonight from 6:30 to 8:00 Pm at Jive Software in Downtown Portland.

Tonight’s speaker was Tyler Sticka, an award-winning designer, artist, speaker and educator specializing in identity-driven new media. He was extremely well prepared and engaging.

Micheal Sigler @sigler began by introducing the concept of Refresh.

“Cities have been Refreshing for a while,” he said, “if you visit RefreshingCities.com you’ll find that there are Refresh events everywhere.”

Refresh events serve bring people together who are really intereted in standards based design. The events help them exchange best practices and knowledge. As Sigler said, “towards a portion of design you can walk away with something and use it in your daily lives”.

We just felt that it was time to bring a little design love to Portland.

“We”, being Michael Sigler, @michaelsigler, John Weiss of 5 Edge Media, Josh Pyles @pixelmatrix of Pixelmatrix Design, Carlos @eedorre (a system admin with a background in web development), and you probably Bram Pitoyo @brampitoyo from Twitter.

We really want to make this a community where you provide us comments. Also, we are looking for speakers. Feel free to contact any of the organizers if you know of someone who would be awesome for the event.

“Tyler Sticka is now going to take us through the looking glass,” Sigler began….and we were off.

Through the Looking Glass - How the Web is and Ought to Be

“I work at US Digital from Monday through Thursday”, Sticka said.

“But on Friday though Sunday I design logos, icons, and websites.

“This is because I’m really addicted to the idea of creating something out of the vacuum. Unlike art on a all — art stuck up on the walls.

“Communication is one thing, but conversation is the idea of the dialogue — something that’s been absent from the world of fine art for a while.

“The idea that the Viewer is also able to impart part of their experience into the work fascinates me.

New media is the first to take this concept in completely literally.

Spine Tingling Adventures of the Early Web

Sticka picked two people from the audience and gave them scripts:

“Sam, you’re going to be playing the role of website”.

“And the other will stay the part of the user”.

Website: Would you like to talk about our product, our company history….ect.

User: Umm….talk about our product?

Website: Sure…would you like option 1, 2,3,4,,5,6,,457,,8,67,87?

User: Return to home?

Sticka: Do you see how short and unfulfilling that was?

The companies that weren’t having conversations were dying out.

“In reality, users benefited in the end.

Early Innovation in Experience Design

“I like to show Amazon.com when I talk about early innovation in websites. Their recommendations features is one of the best out there — still one of the best out there.

It’s like a sort of Nerd-tastic natural selection happened.

“This sort of word they gave it afterwards was web 2.0. I don’t like it very much.

The revolution in the computer industry had Three Basic Parts

1. Visual — websites before based on the constraints of html

2. Directly from graphic design. pretty, but only a thousand people card.

3. Thematic - we’re catering to the community and the conversational aspects. .

Example:

Flickr’s Upload Tool.

“Some might say we’re in a renaissance of information.

“But they’re wrong.

We’re not in a renaissance of information, we’re in the pupae stage.

“We’re now just starting to construct the cocoon that will allow us to emerge as something triumphant.

“The idea of this moving into the mainstream is more important than us understanding what’s going on.

(At this point I realized the screen that Tyler Sticka’s Powerpoint was being projected on was made of 8.5 by 11 sheets of white computer paper stuck to the wall. Way to innovate, Refresh Portland

“In essence we are just becoming more understanding of the customer and the customer more understanding of the creator.

Lets go back to 1995. A Simpler Time.

The browser wars between Netscape and the powerhouse Internet Explorer began to emerge.
There was this sort of idea that there should be one victor, that there should only be one IE, or Firefox.

He then showed a slide with 12 different browsers, ranging from the most known and used, to the least known and used. Starting with Firefox 3, then IE and eventually flock and Epiphany (for Gnome).

He said that he posted pictures of browsers that were used by people he knew. Even Epiphany.
“Because I know people who use Epiphany.
“Well, I don’t know them; they’re online; but its practically the same thing now.

He pointed out that Flock and Songbird are both browsers that are augmenting the browser experience in ways that really help the users.

Android

“Hopefully more agnostic choices will emerge for mobile browsing.

“Google has an open source Android emulator — they’ll subsidize the cost of the phone if people put ads on it.

“There is this blurring argument about what is application design and what is web design.

“Adobe Air (adobe integrated runtime). Chrome + Prism (both taking a browser-like approach)
All are trying to bridge the gap between web and desktop applications.

Confusing the Medium with its Voice

“We’re confusing the medium with its voice.. the medium of distribution.

“We need to realize the web is only distribution. It’s just distribution. As long as it remains open - a community of people developing things, it’s a thing of freedom — a whole pasture to run in.

We need to stop designing websites, and we need to start designing experiences.

“What were we really doing here ? Why was web design all one thing? There are many things. We are designing experiences.

Tip #1: Make Sure You’re Solving a Problem

“I have so many clients come to me. They have funding, or a team, or whatever, and we sit down over coffee and they tell me “all right, I want a myspace killer”.

“So I ask them, “Okay, what are you doing that’s different than Myspace?”

“The thing is, they don’t tell me anything different from what Myspace already is. I tell them that they have to do something different, or there’s nothing there.

“Google killers. There’s a new Google killer every day. Make something that solves a problem.

Tip #2: Try to do Straightforward Before Clever

“Google was straightforward. The Microsoft Office paperclip guy was clever.
But everyone hates that paperclip. Be straightforward.

“You want to say, “okay, we’re doing social networking — but we’re solving a problem”.

“That’s why LinkedIn was started, because nobody in the professional world wants tom as their first friend and hear about movies he likes.

Tip #3: Embrace Web Standards

“If you don’t know what these are, here’s a link to the World Wide Web Consortium (W3C).

“We’re going to have these browsers, and all of these mobile mediums. Do you really want to spend all of your time worrying about whether your thing works on one thing and not the other?

“I didn’t use web standards before. Once you get your feet wet into CSS - it just frees you up. Working in CSS is a wonderful experience for me — I look forward to it.

“We came here so that we could design these experiences for people to enjoy.
“And it will help you not get sued by those who are disabled.

“The State of California recently ruled in the victim’s favor on a Target usability case. It treated Target’s website as if it were an actual brick and mortar store. Target was penalized because it could not be accessed by those with visual disabilities.

Tip #4: Decide Which Distribution Suits you the Best

“Then you can use the master medium as a promotional or auxiliary arm to your business.

“We’re such a new medium, and we have such small visual language to ourselves right now.

“Give your site personality — people will have more and more relationships with their websites and their users experiences. If the enjoy the experience of your site, they’ll visit it.

Example: Ubiquity, by Mozilla Labs

“Web mashups and API’s used to reduce the distance between two points.

“Use open API’s. Google will release ways for you to join in a symbiotic relationship with its data.

“If you use a company’s API services, you’re benefiting from their design/development team, which may probably be larger than yours.

Ubiquity is a great example of a service that uses API’s to reduce user action.

“For instance, I can book a flight or search for pet care by simply writing a sentence to Ubiquity that tells it what I want to do. I can write that I want the information sent to my mom, dad, and sister by simply typing it.

“Ubiquity will parse out the language of simple sentences and combine the conventions that established in those to get things from multiple places done in one place.

Tip: #5: Remove Obstacles

“The conventions that should be broken are those that are obstacles to user interaction.

I like sites that allow me to try a service before I sign up.

Tip #6: Evolve with Your Audience

“One of the best examples of this is Twitter.

“Twitter started as micro-blogging: it was something between a blog and mass messaging. It was like mass chat.

If there is demand/audience — people will make a business plan around it, because there are people who need to use it.

I love the idea of users using something and evolving my product through their use of it.

“This could all be turned into television again. It could be controlled by a small number of companies who decide what we see and hear, and there’s a lot of precedent for that.” - Jamie Zawinski.

“We basically need to peer through the looking glass at the way users see our websites.

“Tyler finished the following quote:

Lewis Carroll said, “It’s poor sort of memory that only works backward — so here’s to the future”.

———-

That was it. Lots of applause. Really nice turnout. Very enjoyable experience.

Enough said. Tyler Sticka is brilliant. Check out his Website Experience at TylerSticka.com, or follow @tylersticka on Twitter.

And if you’re interested in the next Refresh Portland event, it’s tentatively scheduled for October 7, 2008. But check the Refresh Portland Blog as that date arrives for more information.

Refresh Portland on Upcoming! Other Exciting Events!

Refresh Portland will also be posted to Upcoming and is part of the Silicon Florist Upcoming Group headed by the awesome Portland Tech blog Silicon Florist, of course. If you join that group on Upcoming, you’ll really know what’s going on in Portland. And if you have an event that relates to Portland Tech, you can send it to the Silicon Florist group in Upcoming and reach an awesome audience.

———-

OakHazelnut.com is written by Cyborg Anthropologist from Portland who enjoys documenting innovative events such as this one. She’s generally findable on Twitter as @caseorganic.

To a user, every click is a time-value liability. Every tab is a waste of time and space. The key is to reduce the amount of clicks needed .

Mozilla’s Ubiquity is concerned with reducing the time and space it takes to transfer user relevant information.

Do I trust that Mozilla will reduce the time-value liability incurred by the many modern managers of heavy data flows? Maybe.

The project is headed by Aza Raszin, Head of User Experience at Mozilla Labs and founder of founder of Humanized, Inc., and  Songza. As an interface showcase, including habituatable pie menus instead of linear menus; few icons; a high density of content and a correspondingly low amount of interaction[1]; undo instead of warnings[2]; and transparent messages [3] designed not to break the user’s train of thought. In the week after launch, Songza was used to play over 1 million songs.

Raskin is also the creator of Algorithm Ink, a port of the Context Free Art to Javascript. It has had artwork created by such computer luminaries as Ward Cunningham. Yesterday Vihn showed me Algorithm Ink at Aboutus.org (where Ward Cunningham currently works). It was very curious and elegant.

Aside from developers, visitors will be accessing your site to learn about your product, or to download/demo it, because they were referred to it from another source.  The second type of user is here to grab the app, install it, and fly out.

Never make your users search for a demo or dowload button. Lead them through the steps they should be taking to get to the information they need.

Developers who come to your site will tolerate small links to source code, but the average visitor will not. If they have issues with the app, they’ll run back for support. Make sure they can find it! If not, they’ll try looking for help from other sources such as blogs and forums. If you provide a support forum, they’ll be more likely to stay on your page while looking for help, and you’ll be able to better understand your users through their comments.

Provide an experience flow that gives the user immediate direction from the first step onto the page. A series of later steps that are given to the user exactly when needed. It should be fun for them - as easy as a dot-to-dot. At the end, they should have a clear picture of the services your product gives, or they should have already downloaded and begun to use it. The user should not see or care about step two until step one has been completed.

Case Study: PicLens Firefox Plugin Landing Page.

With dark grey backgrounds, and cheery, pastel colors, this site has great readability. Yellow (the natural color of attention) used sparingly, and with extreme care. Grey is neutral, much better than black. Light blue could be <h3>, pink <h2>, and yellow <h1>. The download button is light blue, massive, and somewhat three dimensional, allowing it to pop right out of the page. It’s like oil painting with attention.

The website knows that the user has Firefox installed, and that Firefox’s pop-up blocker script will interrupt the download process. PicLens handles this issue brilliantly by drawing the user to the top of the screen with a trip of text with a  yellow background to direct the user’s attention to the problem area, and how to solve it.

Overall, the website is arranged like a good piece of art. The focal point is chosen to be the Firefox logo, then the install, and then the Demo. Everything runs 1-2-3. Just like a dot-to-dot. I had a great user experience while installing the program, and I enjoyed using it. Kudos to the B2C team that created the PicLens page.

One of the problems of this information-chocked world is that answer-seeking becomes too quick to be well-refined. Artificial Intelligence pioneer Herbert Simon explains this problem very well with his term “Satisfice”.

Satisfice: a hybrid word formed from satisfy and suffice, referring to the tendency of time-starved, information-overloaded users to select the first good-enough solution that crosses their path. Users often use satsificing as a triage strategy, based on the time and effort a more comprehensive search might entail.

How does one avoid making mediocre choices due to last-minute information needs? The solution is to predict what future information will be needed, and then create networks of experts based on those future needs.

Where to start?

• A good place is Linkedin.com Answers (when people you don’t know answer your questions well, add them to your network).
• Facebook notes (tag friends in a note and ask for experts, blog reccommendations, and books).

In this way, your network researches for you en masse, and you can simply wait for the information to return. In the future, your network may rely on you for your specific expertise in order to avoid their own Satisfice on the subject.

Definition of Satisfice taken from Bob Goodman’s Usability Glossary.

A lot of user frustration is caused by unreliable information experiences. Contact and location information is often ill-placed or absent on business websites. Because of this, the user spends an unnecessary amount of time wayfinding instead of contacting the business. This leads to user frustration and business losses, not to mention time lost on the side of the user.

Enter AboutUs.org. It’s like Wikipedia/Phone Book/Search Engine/Social Networking - all in one. It provides a consistent and cheery user experience, while data mining the needed contact and location information that a user needs…quickly and quietly.

Plus, users can augment every page of the site to expand information about a business or topic, because AboutUs is a Wiki. Users can have profiles, interests and groups. They can find others based on their interests/edits. They can upload photos and stories about themselves in Wiki format.

AboutUs.org is based in Portland, too! In fact, I recently visited their location and was terribly impressed by their corporate environment. Being there gave me renewed ambitions for what Japanense futurist Mr. Masuda wrote about in his book about the future: The Information Society as Post Industrial Society.

AboutUs looks like it could be another step towards a bright future of coworking and cocreation of knowledge and ideas.