<body><script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener('load', function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script> <div id="navbar-iframe-container"></div> <script type="text/javascript" src="https://apis.google.com/js/platform.js"></script> <script type="text/javascript"> gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() { if (gapi.iframes && gapi.iframes.getContext) { gapi.iframes.getContext().openChild({ url: 'https://www.blogger.com/navbar.g?targetBlogID\x3d6418452\x26blogName\x3dFootsteps+on+Clouds\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dBLACK\x26layoutType\x3dCLASSIC\x26searchRoot\x3dhttps://chirayu.blogspot.com/search\x26blogLocale\x3den_US\x26v\x3d2\x26homepageUrl\x3dhttp://chirayu.blogspot.com/\x26vt\x3d-4198601941058342502', where: document.getElementById("navbar-iframe-container"), id: "navbar-iframe", messageHandlersFilter: gapi.iframes.CROSS_ORIGIN_IFRAMES_FILTER, messageHandlers: { 'blogger-ping': function() {} } }); } }); </script>

Thursday, May 19, 2005

What is good design?


Good design is

- Simple
- Usable
- Readable
- Linkable
- Clickable
- Fast
- White
- Scalable (White is always scalable)
- Informative
- Aesthetic
- Contrasting
- Sober
- Eye-catching
- Self-explanatory
- Google :-)

Our Web site follows a pattern of black font on a white background with shades of blue in the horizontal bar that links to internal Web pages. It looks good.



The above link is an example of Yahoo!'s Contextual Search. It is a useful feature to help readers search for related information. Read the code to generate a Contextual Search Link.




Step 1
Include the Y!Q JavaScript between <head> and </head> of your HTML Web page.
<!-- Start Y!Q JavaScript -->
<script language="javascript" type="text/javascript" src="http://yq.search.yahoo.com/javascript/yq.js">
</script>
<!-- End Y!Q JavaScript -->

Step 2
Include the code in your post.
<!-- Search Y!Q -->
<form class="yq" action="http://yq.search.yahoo.com/search" method="post">

<!-- Set Y!Q Search Parameters -->
<input type="hidden" name="context" value="What is good design" /><input type="hidden" name="p" value="Good Web site Design and Usability" /><input type="hidden" name="YSTResultsMax" value="5" />

<!-- Show results on clicking the hyperlink -->
<div class="yqact"><input class="yqbt" type="submit" value="Related Design Info" onclick="return activateYQ(this)" /></div>

</form>




How does Y!Q search work?

- Search within the context of this post
name="context" value="What is good design"
- Provide a default search query
name="p" value="Good Web site design and Usability"
- Customize the number of results shown
name="YSTResultsMax" value="5"
- Restrict search to specific Web sites
name="siteRestriction" value="www.usability.gov www.useit.com www.37signals.com"

Learn more about Yahoo!'s Contextual Search Y!Q Search (Beta).

Technorati Tag:


posted by Chirayu @ 5:03:00 PM