mobile app prototyping

Understanding the UX/UI in Software Application Design.

In today’s creative and technical environment, the terms “UX” (User Experience) and “UI” (User Interface) are being used more than ever. But the fact is only few knows what they are.  In reality UX is not UI or vice versa.

UX is the feeling you get being able to ride the horse, and rope your cattle,on the other hand UI is the saddle, the stirrups, and the reigns. Now here they are Say Hello! to UX and UI. User experience (UX) is how a person feels when interfacing with a system. The system could be a website, a web application or desktop software and, in modern contexts, is generally denoted by some form of human-computer interaction (HCI).

UX architecture intelligently provides for the user’s interactive experience via features and functionality of a software-based product or service. This is achieved through a UX process which includes :

  • Field Research.
  • Face to Face Interviewing.
  • Creation of User Tests.
  • Gathering and Organizing Statistics.
  • Creating Personas.
  • Product Design.
  • Interaction Design.
  • Information Architecture.
  • Usability
  • Prototyping

There are many real world examples showing how UX can benefit a project and how a lack of UX can add risk.


A User Interface (UI) is the means in which a person controls a software application or hardware device. A good user interface provides a “user-friendly” experience, allowing the user to interact with the software or hardware in a natural and intuitive way.

In other words User Interface Design (UID or UI)is the design of websites, mobile applications, and software applications 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. Here is a cliff notes example a UI Designer’s responsibilities as laid out by our course.

Look and Feel:

  • Customer analysis.
  • Design Research.
  • Branding and Graphic Development.
  • User Guides/Storyline.

Responsiveness and Interactivity:

  • UI Prototyping.
  • Interactivity and Animation.
  • Adaptation to all Devices Screen Sizes.
  • Implementation with Developer.

The Comparison.

By looking at this terms UX and UI its confusing to compare them but one thing which can be seen is that both UX and UI need each other. While User Experience is a medley of tasks focused on optimization of a product for effective and enjoyable use; User Interface Design is its compliment, the look and feel, the presentation and interactivity of a product.

The Wireframing.

“Wireframing” is one of the first steps you should take while designing Software Applications.

Wireframing allows you to determine the information hierarchy of your design while making it easier for you to plan out the content and user experience. Wireframes are the most powerful deliverables for a UX designer which makes it an essential toolit is an in the development process because it organises and simplifies the elements and the contents