Merlot vs. khan design elements
Upcoming SlideShare
Loading in...5
×
 

Merlot vs. khan design elements

on

  • 483 views

 

Statistics

Views

Total Views
483
Views on SlideShare
483
Embed Views
0

Actions

Likes
0
Downloads
0
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

CC Attribution License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Merlot vs. khan design elements Merlot vs. khan design elements Presentation 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.