Some weeks ago I started to look for social interaction patterns in some sites, as Facebook, Flickr, Last.fm, LinkedIn, Youtube… The usual suspects. I was just looking for detailed patterns suitable for wireframing. You know, best ways to rate or flag content, etc.
As I collected more and more, I grouped them and realized that it seemed to be some higher level information architecture patterns common to every site. Some “big blocks” appeared all the time, way obvious as “Profile”, or rather more unpredictable, as “Statistics”.
Furthermore, it looked like there were not only information blocks, but also main “actors”, primary interaction consecuences driving to new blocks, different browsing paths depending on, and system intelligence extending everything. Even more, as I advanced picking and sorting, it looked like it wasn´t about an inner website information architecture, but extensible and applicable to open social web systems.
Crazy enough…
So I decided to document all the step-by-step process:
If you want to skip just to results…
The simplified model
The extended model
If you want to play with the model, you can download the Omnigraffle Stencil.
I think that this is a work still in progress, so I´d really appreciate your comments to help me improve the model. Or just if it´s understandable what the heck I´m talking about…
A really good work!
Hello,
I find it a very good work and a nice starting point for more resaerch.
The Omnigraffle link is not working by the way.
@Daniel Calderón
Thanks, Daniel!
@Pablo Gavilán
Thanks, Pablo!
Link to stencil is working now. It was a stupid url typo…
Hi Alberto.
Very nice post. Very interesting the model patterns´s analysis.It´s a good idea!
e.
@Eusebio Reyero
Thanks, Eusebio!
I´m really glad you like it 🙂
Congratulations Alberto, and thanks a lot for sharing it!
How beautiful is, when simple things appears after a big comprehension effort.
Is then when you know you’re helping others for understanding better some phenomena like this one… what a nice information design job have you done.
🙂
mj
@mj
Thanks, María José!
I like you think the information design is nice 🙂
…And sharing is learning, too.
Great article! I just have one comment about the “simplified model” graph:
If you are male, why would you write, “the user _herself_” ??
Typo? Are you trying to appeal to some kind of feminist ideology of writing?
To avoid this problem in writing, use “one” (eg. one might find that), or in this case, simply “the user”.
Again, excellent write up!
Lo dicho, un trabajo realmente interesante… y muy útil! Estoy deseando ver la continuación. Enhorabuena y gracias, Alberto 🙂