22 November 2009

Hi5 message

Hi guys! Hi girls, Hi boys, Hi ladies and gentlemans! :))) I thought that would be a good idea to show you few of my ideas of how it should look new Hi5 and how can we make more interesting the fact of being group member... So, my dear friends, first of all, i want to present you few sketches drawned by me, in which i'll show my point of view about profiles layout and groups layout... Well... Are made on cheap paper, with cheap pencils, so, please don't be offended by quality of drawings!
First, i want to show you how it could be made a more stylish Hi5 menu bar if everything it would be based on more accentate loosing contrast and with more imagination... Again, quality of drawings is low as well as pictures quality, uploaded with phone at a maximum of 50 pixels... Please forgive me for that!





Here, i want to show you some undeveloped ideas, some sketches, better said, of how it could look new Hi5 if this update weren't done with such a hurry and under the eyes of more good web designers. Yeah... Low quality strikes again. Like you can see, the menu bar is totally redrawned except Hi5 logo, which is well designed (a new logo i've made for sketch number 1...). Scrapbook's box is redesigned as well and informations about user from bellow are inserted in three boxes and shorted by strictly base infos, because is not necessary to insert in profile same content, twice!... In the left side of user's picture i've drawned two icons, like on music player, which will show if user is online or not. I've ignored button's design from page, but i'll develop everything by request and i'll ask a friend to edit them on computer with Corel Draw or PhotoShop... Please watch:
1.



2.




Ok... Now, the groups design! Here i've paid more attention on detail, so, i've redrawned completely the groups design! Like you can observe, group's menu table is gone and menu links are inserted in buttons on the top of page, under Hi5 header! Group's logo has a new designed box, which is made after principle of loosing contrast. On the logo's right is positioned group's title. A set of rules are permanently inserted by default in the middle of group's header! On the extreme right of page is positioned, of course, group's info box, similar with the first.
Bellow group's header are two bandwiches. First, tighter, has a hiddened tabber and second, larger, with topics buttons, a Google translate link button and a separate link which is supposed to open tabber from above! For what purposes is builded that tabber? Well, that tabber is shared by three tabs or boxes, first and third smaller ones, are equals with logo box and info box from above, and the middle tab is larger, being used by group's chat box! So, the first tab is for additional informations cant group, edited by user, second tab is for a chat box inserted by default, and the third tab is for links, inserted also by the user, admin of the group. This is the tabber, initially hiddened, but opened with a simple click by any user!
Bellow all these, are positioned topics! Topics are looking like i'll show you further in order for you to understand. First, the user's picture is inserted in a solid box on the left side of page. The user's message is inserted in a rounded table with share options on Twitter and Facebook positioned on the top-right corner of table, and three links, bellow rounded table, for user's username and credit, message datation and "read more"! "Read more" link will open the first page of topic.
A third box is for qu

groups - zoom out-

groups- far diagonal- tabber chat out-

No comments: