SlideShare une entreprise Scribd logo
1  sur  12
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 user's 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. It's 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.
 It's 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.
  It's 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.

Contenu connexe

En vedette

Unit 7 - Task 3 – P4,P5,M2
Unit 7 - Task 3 – P4,P5,M2Unit 7 - Task 3 – P4,P5,M2
Unit 7 - Task 3 – P4,P5,M2Ryan-Parish
 
Lecture 13 requirements modeling - flow & behavior (2)
Lecture 13   requirements modeling - flow &  behavior (2)Lecture 13   requirements modeling - flow &  behavior (2)
Lecture 13 requirements modeling - flow & behavior (2)IIUI
 
Professional ui for a website design
Professional ui for a website designProfessional ui for a website design
Professional ui for a website designRavi Bhadauria
 
Balloon Project Summary
Balloon Project SummaryBalloon Project Summary
Balloon Project Summaryrhlee46
 
Intro to Web Design
Intro to Web DesignIntro to Web Design
Intro to Web DesignKathy Gill
 
Integrating Interaction Design Evaluation into Product Design
Integrating Interaction Design Evaluation into Product DesignIntegrating Interaction Design Evaluation into Product Design
Integrating Interaction Design Evaluation into Product DesignYingjie Chen
 
golden rules of user interface design
golden rules of user interface designgolden rules of user interface design
golden rules of user interface designgadige harshini
 
Evaluación a interfaces - Test de usuarios,evaluación heurística y eye-tracking
Evaluación a interfaces - Test de usuarios,evaluación heurística y eye-trackingEvaluación a interfaces - Test de usuarios,evaluación heurística y eye-tracking
Evaluación a interfaces - Test de usuarios,evaluación heurística y eye-trackingPercy Negrete
 
PEShare.co.uk Shared Resource
PEShare.co.uk Shared ResourcePEShare.co.uk Shared Resource
PEShare.co.uk Shared Resourcepeshare.co.uk
 
System engineering
System engineeringSystem engineering
System engineeringLisa Elisa
 
Simple Steps to Great Web Design
Simple Steps to Great Web DesignSimple Steps to Great Web Design
Simple Steps to Great Web DesignMatthew Smith
 
Lecture 14 requirements modeling - flow and behavior
Lecture 14   requirements modeling - flow and  behaviorLecture 14   requirements modeling - flow and  behavior
Lecture 14 requirements modeling - flow and behaviorIIUI
 
Principles of User Interface Design
Principles of User Interface DesignPrinciples of User Interface Design
Principles of User Interface DesignKANKIPATI KISHORE
 
User interface design
User interface designUser interface design
User interface designSlideshare
 
Software Reengineering
Software ReengineeringSoftware Reengineering
Software ReengineeringAbdul Wahid
 
PoltuBaaz - Election Management and Political Consulting Services
PoltuBaaz - Election Management and Political Consulting ServicesPoltuBaaz - Election Management and Political Consulting Services
PoltuBaaz - Election Management and Political Consulting ServicesGaurav Singh
 

En vedette (17)

Unit 7 - Task 3 – P4,P5,M2
Unit 7 - Task 3 – P4,P5,M2Unit 7 - Task 3 – P4,P5,M2
Unit 7 - Task 3 – P4,P5,M2
 
Ict investor pitch template
Ict   investor pitch templateIct   investor pitch template
Ict investor pitch template
 
Lecture 13 requirements modeling - flow & behavior (2)
Lecture 13   requirements modeling - flow &  behavior (2)Lecture 13   requirements modeling - flow &  behavior (2)
Lecture 13 requirements modeling - flow & behavior (2)
 
Professional ui for a website design
Professional ui for a website designProfessional ui for a website design
Professional ui for a website design
 
Balloon Project Summary
Balloon Project SummaryBalloon Project Summary
Balloon Project Summary
 
Intro to Web Design
Intro to Web DesignIntro to Web Design
Intro to Web Design
 
Integrating Interaction Design Evaluation into Product Design
Integrating Interaction Design Evaluation into Product DesignIntegrating Interaction Design Evaluation into Product Design
Integrating Interaction Design Evaluation into Product Design
 
golden rules of user interface design
golden rules of user interface designgolden rules of user interface design
golden rules of user interface design
 
Evaluación a interfaces - Test de usuarios,evaluación heurística y eye-tracking
Evaluación a interfaces - Test de usuarios,evaluación heurística y eye-trackingEvaluación a interfaces - Test de usuarios,evaluación heurística y eye-tracking
Evaluación a interfaces - Test de usuarios,evaluación heurística y eye-tracking
 
PEShare.co.uk Shared Resource
PEShare.co.uk Shared ResourcePEShare.co.uk Shared Resource
PEShare.co.uk Shared Resource
 
System engineering
System engineeringSystem engineering
System engineering
 
Simple Steps to Great Web Design
Simple Steps to Great Web DesignSimple Steps to Great Web Design
Simple Steps to Great Web Design
 
Lecture 14 requirements modeling - flow and behavior
Lecture 14   requirements modeling - flow and  behaviorLecture 14   requirements modeling - flow and  behavior
Lecture 14 requirements modeling - flow and behavior
 
Principles of User Interface Design
Principles of User Interface DesignPrinciples of User Interface Design
Principles of User Interface Design
 
User interface design
User interface designUser interface design
User interface design
 
Software Reengineering
Software ReengineeringSoftware Reengineering
Software Reengineering
 
PoltuBaaz - Election Management and Political Consulting Services
PoltuBaaz - Election Management and Political Consulting ServicesPoltuBaaz - Election Management and Political Consulting Services
PoltuBaaz - Election Management and Political Consulting Services
 

Dernier

The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxThe Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxMalak Abu Hammad
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)Gabriella Davis
 
Slack Application Development 101 Slides
Slack Application Development 101 SlidesSlack Application Development 101 Slides
Slack Application Development 101 Slidespraypatel2
 
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024The Digital Insurer
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfsudhanshuwaghmare1
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024The Digital Insurer
 
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Igalia
 
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfThe Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfEnterprise Knowledge
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerThousandEyes
 
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreternaman860154
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationMichael W. Hawkins
 
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountBreaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountPuma Security, LLC
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptxHampshireHUG
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdfhans926745
 
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking MenDelhi Call girls
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonetsnaman860154
 
A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024Results
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processorsdebabhi2
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...Neo4j
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Miguel Araújo
 

Dernier (20)

The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxThe Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptx
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
Slack Application Development 101 Slides
Slack Application Development 101 SlidesSlack Application Development 101 Slides
Slack Application Development 101 Slides
 
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
 
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
 
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfThe Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountBreaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path Mount
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
 
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
 
A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 

User interface for web design.

  • 1. Name-Swapnil Angre. Edit Insti,Dadar
  • 2.  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 user's interaction as simple and efficient as possible, in terms of accomplishing user goals—what is often called user-centered design.
  • 3. 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. 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.
  • 5. 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.
  • 6. 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
  • 7.  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. It's 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.
  • 8.  It's 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.
  • 9.  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.
  • 10.  If you are using AJAX to load pages then you must utilize loading GIFs or your users will not know anything has happened. It's 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.
  • 11. 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