Sunday 1 May 2011

Design a search box for online book reading

According to my work, I need a search box that allow people search on both the book contents and the note they had made. It seems an advanced search box may be more suitable. That was my oringinal thought.
I changed my mind when I got the principle said “A search box should be simple”, which mean advanced search is advanced, and users gel confused tring to use it. It is more user-friendly to have no advanced search options displayed by default.
Therefore, how do you use the simple search box to tackle this issue. My way is make the title of the search box as clear as possible, just show what they can do, and leave others to the computer. Like type “Keywords and sentence” to get the book page or note where show the related words.

idea/sketch/analyze/develop













principles check









Take the principles to check the temporarily result:
•Name on submit button can be capital letter or search icon or an arrow.
"search" is better than "find", "go'.
•The optimal position for section titles is the upper-left area above the search box.
•Text displayed in the input field should easy to read.
•Input fied length should be appropriate.
•The search fit the website's overall design perfectly yet manage to stand out slightly when users need it.
•The submit button is a button, it should be designed like on, and look different than input field.

No comments:

Post a Comment