Archive for May, 2007

Dabble DB Redesign

Sunday, May 6th, 2007

Project Goal :

Propose a redesign solution to promote better User Experience for Dabble DB.

This first proposal is intended to be the first overview of dabble DB existing interface, further study of user experience and design iteration is expected to finalize the site redesign

 

Site Redesign :

050607-1649-dabbledbred1.png

 

Proposed functionality :

050607-1649-dabbledbred2.png

 

A Iconize Menu
Main functionality represented as Icons.With tooltips / text information on the roll over state
B Hide un-focused Item
Retractable panel for non immediate navigation, such as tables list and view list
C Inline Editing
More intuitive method to edit / add the entry into table using inline editing inside the table area
D On demand delete button.
Only appear when user hover on the left side of the table row entry
E Drag and drop column header to re arrange the column order.
To hide the column from the view just drag the column header outside the table
F On Demand data entry form.
User can still enter the data using form to get more detail input selection. User can close this form
G Tabs for misc. view.
If user start using date data and location data, an on demand view will show up as tags and user can hide / maximize / minimize the window to see the information
H Collapsible Help panel.
Help panel will always available for the user. It will react according to the user mode and has search input box to help user find action that they want to learn
I Structured multi panel interface.
It gives freedom to the user to open several panel in one view, but also constraining the user to display more structured panel by snapping the panels into predefined grids.

 

050607-1649-dabbledbred13.png

 

J Drag and drop table list.
User can re arrange the table list. The delete button also appear as user roll over the table icon, and user can click on the delete button to delete the table.Drag and dropping the table icon into the active table also create an entry link between tables.
K Easy button to add views / tables.
User can save the table view that they like on cue by clicking on the save button in the view panel. New tables also can be created as easily by clicking on the new button in the tables panel