fu: Close-up of Fu, bringing a scoop of water to her mouth (Default)
fu ([personal profile] fu) wrote in [site community profile] dw_design2010-12-21 12:18 pm

HTML mockup for manage/circle/edit page

I've been working with [personal profile] hope on redoing a couple of pages, and here's one of the pages that resulted from the brainstorming.

HTML mockup of a revised Manage Circle page

Throwing it out here for discussion and fleshing out. This is just quick example HTML. The CSS is preliminary (more on that in a bit), and there's no supporting JS so if you could kindly gloss over these two things :-)

The biggest changes are:

  • tabs for the various sections (to be hidden by JS), so that you can focus on only one thing at a time, instead of scrolling up and down the page

  • changing the way the relationships split up so that it's split along the lines of your relationship to them / their relationship to you, rather than access/subscribe

  • a dropdown so you can sort by username or relationship

  • a filter for usernames so you can easily find / edit people in your circle

  • cleaner table markup, and cleaner markup in general

  • added heading for the custom colors

Post a comment in response:

Anonymous( )Anonymous This account has disabled anonymous posting.
OpenID( )OpenID You can comment on this post while signed in with an account from many other sites, once you have confirmed your email address. Sign in using OpenID.
Account name:
If you don't have an account you can create one now.
HTML doesn't work in the subject.


Notice: This account is set to log the IP addresses of everyone who comments.
Links will be displayed as unclickable URLs to help prevent spam.