Merlot vs. khan design elementsPresentation Transcript
Visual Design ElementsCriterion one
Color.Beautiful rich colors encourage me to engage with sitecontent in the same way that a beautiful sunset capturesmy attention.
Shades of green make the Khan Academy seem restful and soothing. Itfeels well-balanced here. I wonder if there are beautiful green moleculesor fractals to explore inside. This is a place for sophisticated learners.The elegant colors and simplicity of design suggest it.
Whiteness dominates Merlot. It’s likean asymmetrical blizzard of nothingness.I’d like to leave, please.
Criterion two: Readability
Anyone in need of bifocals will not be impressed by Merlot’s tiny fonts. Why read further?Khan Academy uses empty space toattract the reader’s gaze. I see ahierarchical arrangement of information.I know what to expect.
Criterion three:Make Me Look Good
My goal as a librarian is to find information efficiently and effectively for others. So help me do that. Don’t confuse me.
Search box is a little toohigh to notice quickly. Login boxes don’t need to take up space on the landing page. What is the purpose of this site? Is it a tool for public relations, an information repository, or an interactive community? There’s no separation of roles, which confuses Merlot’s web identity.
The most useful information is The past three days have not brought new featuredplaced first; only highly motivated tutorials (four seem to be rotating). Greaterusers need to scroll to the bottom of turnover of highly appealing visual informationthe site. may attract more frequent visits and encourage user loyalty. The search box takes up most of the width of the page, so it’s easy to find. A new window or page opens for logging in, which preserves valuable space.
Recommended practices for web page design:•Use color carefully; be aware of its power to attract and repel•Watch how your site behaves using different sized monitors, differentresolutions, and different browsers or it may up in the corner of a mass ofwhite space•Simplicity is power; white space eases understanding•Small fonts can be unreadable•Organize information hierarchically, from general to specific•Try not to surprise users, but give them clues as to what they can expectwhen they click on a link•If your site is intended to serve multiple purposes, separate them bycreating separate pages for each purpose•Identify your prime purpose and let that be the centerpiece of your frontpage; less essential information can be placed beneath the sightline of thewebpage
Note:All visual content comes from the Microsoft clip art collection,except for screen shots and a photograph of myself.