• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
User interface for web design.
 

User interface for web design.

on

  • 5,810 views

The user interface is one of the most important parts of any program because it determines how easily you can make the program do what you want. A powerful program with a poorly designed user ...

The user interface is one of the most important parts of any program because it determines how easily you can make the program do what you want. A powerful program with a poorly designed user interface has little value. Graphical user interfaces that use windows, icons, and pop-up menus have become standard on personal computers.

Statistics

Views

Total Views
5,810
Views on SlideShare
5,635
Embed Views
175

Actions

Likes
2
Downloads
58
Comments
0

4 Embeds 175

http://webdesignerskit.blogspot.in 114
http://www.scoop.it 41
http://webdesignerskit.blogspot.com 19
https://twitter.com 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

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

    User interface for web design. User interface for web design. Presentation Transcript

    • Name-Swapnil Angre. Edit Insti,Dadar
    •  The user interface is one of the most important parts of any program because it determines how easily you can make the program do what you want. A powerful program with a poorly designed user interface has little value. Graphical user interfaces that use windows, icons, and pop-up menus have become standard on personal computers. User interface design or user interface engineering is the design of computers, appliances ,machines, mobile, communication devices, software applications, and websites with the focus on the user’s experience and interaction. The goal of user interface design is to make the users interaction as simple and efficient as possible, in terms of accomplishing user goals—what is often called user-centered design.
    •  User Interface Design is beneficial for both software and hardware. Some of the benefits of having a good User Interface Design are: 1.Ergonomics: Ergonomically correct user interfaces prevent industrial injuries and hence absence due to illness. 2. Fewer errors: Intelligently designed user interfaces drastically reduce the number of errors and their related costs. 3. Productivity / Save Development time: A better user design allows reduction of the development time spent due to reduced iterations and rework and overall better productivity.
    • 4. Productivity / Save Development time: A better user design allows reduction of the development time spent due to reduced iterations and rework and overall better productivity.5. Customer returning: If customers find a site or product usable, then the possibility that they use this site / product again improves drastically.6. Customer returning: If customers find a site or product usable, then the possibility that they use this site / product again improves drastically.7. Increase user satisfaction: When systems match user needs, satisfaction often improves dramatically.
    • 8. Increase market share (competitive edge): The importance of having a competitive edge in usability may be even more pronounced for e-commerce sites. Such sites commonly drive away nearly half of repeat business by not making it easy for visitors to find the information they need. This is benefits for user interface.
    •  Therefore to achieve that the software must have a great user interface which lets you do what need to do (e.g. creating a project and managing a team) intuitively without you even really thinking about it. A good user interface usually constitutes the following: 1.Positioning of elements in places the user expects them 2.Good use of color coding 3.Speed and fast page loads 4.Activity indicators 5.Help and tool tips
    •  Web designers and programmers (including myself) have often tried to be clever when designing the information architecture (where things go) in web pages. We often fall down the trap of trying to be too creative and thinking lets try something totally different so we design things in such a way that might look cool, but in reality what happens is the user gets lost and has to re- learn how to work their way around your application or website. There is a good reason why search boxes are often in the top right, and why navigation is tabbed, and why buttons often look the same. Its because the user expects them to be like that. Users will spend a lot of their time using a Mac or PC and will expect the search to be in the top right with a little magnifying glass, and will expect a button to look a certain shape and change color when they hover over it. Because of these expectations in order to be a good UX designer you need to just go with the grain and do what is expected. This will lead to happy users, and hopefully paying customers.
    •  Its important to use color in your interface. Colors send signals to the user sub-consciously, so therefore you can make use of this with things like buttons and links. For example, a Submit or Signup button works well in green because green means "Go" and feels safe. If it was red then users would hesitate before clicking on it because they would feel like they might be deleting something. Orange also tends to work well for a Signup button. A good example of a big, clear, green signup button. is on In Direo. Having a rollover state is good too, and this can be done by either fading the button with opacity or by setting a different rollover color (e.g. a lighter shade or perhaps grey). This indicates to the user that they are over the button and will feel comfortable clicking it. If you want to highlight something on a page, for example an important notice then a light yellow background can really make something stand out and draw your users attention.
    •  You need speed to save time! Therefore if your application takes 5 seconds every time someone clicks a button to load a page then that is BAD! If I want to set up a new project then I want to get it all set up within about 10 seconds. If half that time is spent loading the page then I will not bother using that application. When I built Project Bubble was thinking about this from day one. For me being able to create a project and add to-dos straight away was an absolutely essential feature for the app. Being a paper and pen guy I had to have something that was as quick (if not quicker) than just getting out my notepad and writing down my to-dos, so this was all taken in to account when designing the UI for Project Bubble.
    •  If you are using AJAX to load pages then you must utilize loading GIFs or your users will not know anything has happened. Its important for your users to see that something is happening and they will be patient as long as they can see a loading image. I made a transparent loading GIF for this exact purpose, which you can all download if you want. There are others I use as well on Project Bubble such as when changing the status between open and closed projects.
    •  Principle #1: Understand Your Users and Support Their Goals Principle #2: Make Your Interface Easy to Learn and Enjoyable to Use Principle #3: Remain Consistent Principle #4: Form a Dialog with Your Users Principle #5: Be Problem Free
    • Thank you.