Social blog prototype screen mockup


Social blog prototype screen mockup

Published on Tue 25 Dec 2007 11:12 ( 1 year, 6 months ago)
Ideas Social Network Microformats

Here is a Mock up screen of the social blog prototype.

Here is some basic idea:

A social blog is

(1)  a blog with "social blog" module implemented, or

(2) a blog which delegate it's social feature to a social blog server

A social blog will:

(1) expose RESTful interface by <link rel=.../> tags.

(2) output microformats of the owner information

A social blog server is a server which:

(1) implement full feature social blog functions;

(2) be able to act as a blog's delegated agent to inter-operate with other social blog;

(3) completely portable , user can switch from one server to another without hassle and data loss.

Add Steps Mockup:

A social blog has a button "Add me" show up on the blog page (will need to design a standard button style, so when user see this button they will know it's a social blog)

screen 1

When user click on the button, user will be requested to enter his/her blog URL (I wish this step could be enhanced, or the user will have to enter his/her blog URL again and again... how to make this step easier? )

screen 2 

The social blog module (server side) will discover the target URL to see if it support Social Blog, if yes, a basic information will displayed, and it will automatically come to the next step.

screen 3

If the URL entered is invalid or doesn't looks like it support social blog, a error message will show up, and a link can be followed to let user know what's Social blog and how to add social blog feature into their own blog.

screen 6

The next page actually served from the user's own blog server (or delegated server), if user is not logged in his own blog, a HTTP Basic Authentication input box will show up to ask for login. User need one more click to add this blogger as a "friend":

screen 4 

After user click "add", the user will add this blogger as one of his/her "friend", and the added blogger will also get notified (so he/she can add the current user by a simple button click)

screen 5


Related posts:


Search related in web:

Custom Search

RSS Feed

One click subscribe this blog in your google reader!

Be social!


Want to say something here? please sign in



Blog posts link to this page
What are friends tweeting?
Tags cloud
Monthly Archives