A Good User Interface
is Easy to Use_
User Interface (UI) Design focuses on anticipating what users might need to do and ensuring that the interface has elements that are easy to access, understand, and use to facilitate those actions.
UI must be...
  • Useful: Your content should be original and fulfill a need
  • Usable: Site must be easy to use
  • Desirable: Image, identity, brand, and other design elements are used to evoke emotion and appreciation
  • Findable: Content needs to be navigable and locatable onsite and offsite
  • Accessible: Content needs to be accessible to people with disabilities
  • Credible: Users must trust and believe what you tell them
UI best practices
  • Keep the interface simple
  • Create consistency and use common UI elements
  • Be purposeful in page layout
  • Strategically use color and texture
  • Use typography to create hierarchy and clarity
  • Make sure the UI communicates what’s happening
    (like location, status, errors messages)
01 Plan
  • Walk-through the project plan - goals? expectations? vision?
  • Analyze the competition / Review existing services
  • Conduct user research - understand the users needs
  • Document and present research results
  • List usability requirements
  • Business Processes - Think Workflows and Flowcharts
02 Design
  • Start Wireframing
  • Design Conceptual Layouts
  • Review Performance and Usability Tradeoffs with Developers
  • Validate Designs with Team and End Users
  • Design High Fidelity Prototype (dummy website)
  • Final Approval
03 Develop
  • Start Coding - HTML5, CSS3 and JavaScript
  • Test HTML - Cross Browser and Devices
  • Validate HTML and CSS (WCAG 2.0)
  • Integrate UI with Developers Code
04 Deploy
  • Final Tests for Usability and Functionality
  • Further Validation and Quality Tests
  • Fix Final Issues and Deploy Product/Service
  • End Poject or Start Cycle Again for the Next Version
Rip It Up
And Start Again
Copyright Rory O'keefe ©