The Difference Between UX and UI Design - Prathavee Raj Moond

UX Design refers to the term User Experience Design, while UI Design stands forUser Interface Design. Both elements are crucial to a product and work closely together. But despite their professional relationship, the roles themselves are quite different, referring to very different parts of the process and the design discipline. Where UX Design is a more analytical and technical field, UI Design is closer to what we refer to as graphic design, though the responsibilities are somewhat more complex.

What is User Experience Design?

As is found on Wikipedia:

User experience design (UXD or UED) is the process of enhancing customer satisfaction and loyalty by improving the usability, ease of use, and pleasure provided in the interaction between the customer and the product.

1. User Experience Design is the process of development and improvement of quality interaction between a user and all facets of a company.
2. User Experience Design is responsible for being hands on with the process of research, testing, development, content, and prototyping to test for quality results.
3. User Experience Design is in theory a non-digital (cognitive science) practice, but used and defined predominantly by digital industries.

What is UI Design?

1. User Interface Design is responsible for the transference of a brand’s strengths and visual assets to a product’s interface as to best enhance the user’s experience.
2. User Interface Design is a process of visually guiding the user through a product’s interface via interactive elements and across all sizes/platforms.
3. User Interface Design is a digital field, which includes responsibility for cooperation and work with developers or code.

“Something that looks great but is difficult to use is exemplary of great UI and poor UX. While Something very usable that looks terrible is exemplary of great UX and poor UI.”

Disable right click using jquery

To disable right click menu using jquery, the following code snippet can be used

$(document).ready(function(){     $(document).bind("contextmenu",function(e){         return false;     }); });

Web standards is the present and future in web design – the way all websites should be design and implemented. Websites created using web standards load faster, have better search engine ranking and are easier to update. All the websites I show here have been created this way.

Rotate image 360deg when mouse hover using CSS 3

Adding rotation effect using the CSS3 transition property is posted below. Thanks david walsh for this code snippet

.image{     -webkit-transition-duration: 0.8s;     -moz-transition-duration: 0.8s;     -o-transition-duration: 0.8s;     transition-duration: 0.8s;           -webkit-transition-property: -webkit-transform;     -moz-transition-property: -moz-transform;     -o-transition-property: -o-transform;     transition-property: transform;           overflow:hidden;       }     .image:hover   {     -webkit-transform:rotate(360deg);     -moz-transform:rotate(360deg);     -o-transform:rotate(360deg); }

Then just attach the class “image” with any image or text to rotate it 360 degree.

PRATHAVEE RAJ MOOND 

Web standards is the present and future in web design – the way all websites should be design and implemented. Websites created using web standards load faster, have better search engine ranking and are easier to update. All the websites I show here have been created this way.

How to Add Background Music to Your Web Page , How To Embed Sound on a Web Page

If you have a music file (such as an MP3 file) that you want played when a visitor clicks a link, put HTML code like the following on your page:

<embed src="yourmusicfile.mid" autostart="true" loop="true"
width="2" height="0">
</embed>
<noembed>
<bgsound src="yourmusicfile.mid" loop="infinite">
</noembed>

This code appears to be compatible with all versions of IE, Netscape and Opera.