Case Study



today we will discuss about the learning theory and the purpose of web design..
as i know, learning theory is a study about how people learn. there are 4 basic theory; behaviorisme, cognitivisme, constructivisme and neuroscience..These are one of the factors need to be considered in developing education sites.

Now, we go to another topic which is Web Design..this part is most important part in develop a program especially educational program..because our target user consists of student (primary,secondary or undergraduate student) and teacher..means, the users might have no advanced skill in using computer. so, we as web designer must know how to make a portable and accessible site to make it easier to access..

Next, Here is a my opinion of a characteristics of 2 web sites; the 1st one is online banking site, maybank2u and the 2nd is maxis website.




What the 2 sites have in common?
  • The webpage shown was design for a 1024 x 768 resolution, but is adaptable to other resolution as well.
  • As the screen resolution changes, the design fits without horizontal scrolling on even the lowest resolution.
  • The menu listed on the top of the site.
  • The information break into a segment.
  • Both sites used white color as a background color. The contrast of text color make the information easy to read.
What are some rules of good design that you found from the websites and how you can use it in your project?

1) Make design portable
  • When design page, it must portable and accessible by users who have different browsers, operating systems and computer platforms.

2) Design for low bandwidth
  • Plan your page so that they are accessible at a variety of connection speed.
  • If pages download slowly because they contain large, detailed graphics or complicated animation, user will leave before they ever see the content.

3) Plan for clear presentation and easy access to your information.
  • Graphics and navigation options must present a variety of options to the user without detracting from their quest for information.
  • The website should be easy to navigate. Every page should have consistent easy to understand links back to other pages. This means that there should be no dead ends.

Identify the information of value you found explaining how it was presented.

The design is simple but accessible. The multimedia elements that used in these websites are:
  • Text - mostly used to represent the information.
  • Text image - as a menu.
  • Simple animation - using GIF format (means the size of animation is small)
  • Graphics - Represent the logo and use for the banner.

Rate the ease of finding the information.

Both websites are useful in finding the information for their own category.
The using of navigation and the proper menu make the finding more easier.
The user can save time to explore the content that they want because it doesn't take a lot of time to load the pages.

Explain what would encourage you to make a return to each web site.

  • Maybank2u - this website provide services to make payment and online banking. Although there are many online banking that provide the same service, but i prefer this site because it is more faster to access this site.

  • Maxis -This website provide information about the recent technology and manual for the maxis user.

Comments

Post a Comment

Popular posts from this blog

Presentation Design Document

Image
Last Monday, our group already present our project..it is not complete yet..but we were needed to present our progress so far...we design our project using PBL approach. figure: PBL Concept Problem-Based Learning (PBL) is an instructional method of hands-on, active learning centered on the investigation and resolution of messy, real-world problems. There are many types of learning theories that can be implemented in your educational website: 1. Behaviorisme Behaviorism is a worldview that operates on a principle of “stimulus-response.” All behavior caused by external stimuli (operant conditioning). All behavior can be explained without the need to consider internal mental states or consciousness. 2. Cognitivisme A cognitive theory of multimedia learning based on three main assumptions: there are two separate channels (auditory and visual) for processing information; there is limited channel capacity; and that learning is an active process of filtering, selecting, organizing, and integ...
Read more

Principle Web Design

The basic principles of design are true for Web design as well as other design. They show you how to put together design elements in an effective manner. Design is more than just slapping HTML tags up onto a page, and using these principles will help you build more pleasing and useful designs. Balance Balance is the distribution of heavy and light elements on the page. Larger, darker elements appear heavier in the design than smaller, lighter elements. The principle of balance shows you how to lay out your pages so that they work. Contrast When most people think of contrast, they typically think of colors or black and white. But there is more to contrast than color. You can have contrasting shapes (square vs. circle), or contrasting sizes (large vs. small), or contrasting textures (smooth vs. rough). Emphasis Emphasis is what the eye is drawn to in a design. It's tempting to give everything equal emphasis or try to emphasize everything in a design, but this ends up maki...
Read more

Interaction Design

Image
Effective Web Navigation If people cannot navigate through your site, they will quickly leave. Thus, designing effective navigation on your Web site is crucial. But there are some basic things you need to do before you can start worrying about rollovers or links, images or flash. Information Architecture Before you can even start to plan your navigation, you need to define your site's information architecture. Information architecture is the taxonomy or structure of your Web site. Some common taxonomy elements on a corporate or business Web page are: · Products - the products or services the company sells · About - information about the company · Investor Relations - information specific to investors · Support - help for customers Some common taxonomy elements on a personal Web page are: · About Me - information about the page author · Favorite Links - links that the author likes · Friends and...
Read more