Monday, 21 October 2013

10 Usability Heuristics for User Interface Design


Visibility of system status
The system should always keep users informed about what is going on, through appropriate feedback within reasonable time.

Match between system and the real world
The system should speak the users' language, with words, phrases and concepts familiar to the user, rather than system-oriented terms. Follow real-world conventions, making information appear in a natural and logical order.

User control and freedom
Users often choose system functions by mistake and will need a clearly marked "emergency exit" to leave the unwanted state without having to go through an extended dialogue. Support undo and redo.

Consistency and standards
Users should not have to wonder whether different words, situations, or actions mean the same thing. Follow platform conventions.

Error prevention
Even better than good error messages is a careful design which prevents a problem from occurring in the first place. Either eliminate error-prone conditions or check for them and present users with a confirmation option before they commit to the action.

Recognition rather than recall
Minimize the user's memory load by making objects, actions, and options visible. The user should not have to remember information from one part of the dialogue to another. Instructions for use of the system should be visible or easily retrievable whenever appropriate.

Flexibility and efficiency of use
Accelerators unseen by the novice user may often speed up the interaction for the expert user such that the system can cater to both inexperienced and experienced users. Allow users to tailor frequent actions.

Aesthetic and minimalist design
Dialogues should not contain information which is irrelevant or rarely needed. Every extra unit of information in a dialogue competes with the relevant units of information and diminishes their relative visibility.

Help users recognize, diagnose, and recover from errors
Error messages should be expressed in plain language (no codes), precisely indicate the problem, and constructively suggest a solution.

Help and documentation

Even though it is better if the system can be used without documentation, it may be necessary to provide help and documentation. Any such information should be easy to search, focused on the user's task, list concrete steps to be carried out, and not be too large.

Unappealing website :'(


Apakah URL laman web tersebut ?
http://www.undercoverism.com/
Adakah halaman sesawang ini menarik atau tidak  ? Senaraikan tiga sebab bagi jawapan anda.
Pada pendapat saya, laman sesawang ini tidak menarik kerana, Terdapat banyak iklan yang tidak berkaitan dgn laman web tersebut, yang keduanya, jika laman web ini dibuka atau digunakan oleh pengguna yang kurang mahir, ia akan menyebabkan penguna menjadi keliru dan yang terakhir laman sesawang ini mengunakan flash dan agak lambat untuk memuat turun semua data atau gambarnya jika hubungan internet tidak kuat.
Jika laman sesawang itu tidak menarik , apakah yang anda akan lakukan untuk memperbaikinya?
Pada pendapat saya, pemilik laman sesawang ini perlu mengunakan bahasa pengaturcaraan yang lebih mudah dimuat turun dari laman web, selain itu pemilik laman sesawang ini harus la mengurangkan iklan-iklan yang tidak berkaitan dengan laman sesawang yang dibini.
Adakah anda akan menggalakkan orang lain untuk melawat laman sesawang ini? Mengapa atau mengapa tidak?
Saya tidak mencadangkan penguna lain melayari laman sesawang ini, kerana lama sesawang ini terdapat banyak iklan-iklan yang akan menyebabkan penguna menajadi keliru. Laman sesawang ini juga mengunakan terlalu banyak flash sehingga menyebabkan proses muat turun gambar atau flash tersebut menjadi lambat apabila insyarat internet lemah.
 
  
  

Appealing WebSite :)


Apakah URL laman web tersebut ?
-  https://www.google.com/
Adakah halaman sesawang ini menarik atau tidak  ? Senaraikan tiga sebab bagi jawapan anda.
Pada pendapat saya website ini amat menarik kerana website ini mengandungi keteria-keteria iaitu 8 golden rules bagi user interface design. Dalam membangunkan website, website tersebut haruslah simple tetapi dapat menarik perhatian para pengguna untuk melayari laman web tersebut.
Jika laman sesawang itu tidak menarik , apakah yang anda akan lakukan untuk memperbaikinya?
-Jika website ini tidak menarik, saya akan menaiktarafkan website tersebut dgn mengubah atau melakukan sesuatu terhadap logo tersebut. Buat logo itu beranimasi 3D, menghiasi logo tersebut mengikut tema atau mengikut sesuatu perayaan serta sambutan yang terdapat di seluruh dunia dan meletakkan permainan di bahagain logo google tersebut.
Adakah anda akan menggalakkan orang lain untuk melawat laman sesawang ini? Mengapa atau mengapa tidak?
Saya akan menggalakkan orang lain untuk menggunakan laman web ini kerana laman web ini sangat berguna kepada semua masyarakat untuk mencari maklumat.  Selain itu juga, website ini amat ringan serta tidak mengambil masa yg terlalu lama untuk loading.

Wednesday, 16 October 2013

Learn Some Basic HTML Code..

<!-- Write the markup language code to display your name in the largest-size heading element. -->
<html>
<body>

<h1> MOHD MUSTAQIM & MUSTAQQEEM </h1>

</body>
</html>


Figure 1: Name
sources: name.html

<!-- Write the markup language code for unordered list to display the days of the week. -->
<html>
<body>

<ul>
<li> SUNDAY </li>
<li> MONDAY </li>
<li> TUESDAY </li>
<li> WEDNESDAY</li>
<li> THRUSDAY </li>
<li> FRIDAY </li>
<li> SATURDAY </li>
</ul>

</body>
</html>
Figure 2: Day
sources: day.html


<!-- Write the markup language code for an ordered list that uses uppercase letters to order the items. This ordered list will display the following : Spring, Summer, Fall and Winter. -->

<html>
<body>

<ol type="A">
<li>Spring</li>
<li>Summer</li>
<li>Fall</li>
<li>Winter</li>
</ol>

</body>
</html>
Figure 3: Summer
sources: summer.html


<!-- Think of a favorites quote by someone you admire. Write the XHTML code to display the person's name in a heading and the quote in a block quote. -->

<html>
<body>

<h1> Prophet Muhammad Quotes: Learn the Way Of Wisdom </h1>

<div> <i>“It is better to sit alone than in company with the bad, and it is 
better still to sit with the good than alone. It is better to speak to a 
seeker of knowledge than to remain silent, but silence is better han idle words.” </i></div>

</body>
</html>
Figure 4: Quote
sources: quote.html