UX Definitions

Content Strategy

Content Strategy emphasizes on how content is planned, created and delivered. Content Strategy enables a brand to establish loyalty and trust among the audience that consumes the content. “Content Strategy is the kingmaker wherever Content is the king.” Today abundant content is available to your customers. It is now an imperative to create quality content so your site ranks well in Google Search Results for the keywords you want and be strategic about your content …

Content Strategy Illustration

20 UX terms that you must know

If you are a Designer or interacting with Designers, here are some terms that would help you understand the tech world better: Wireframe Wireframe is a skeleton design of your final product, with all the necessary details of functions and icons. It comes under two types: Low Fidelity and High Fidelity wireframes. Former is nothing but a sketch representation of your app screen and the later is detailed output on the screen using UX Wireframing …


What is wireframe? A wireframe is a skeleton design of your final product, with all the necessary details of functions and icons. It comes under two types: Low Fidelity and High Fidelity wireframes. Former is nothing but a sketch representation of your app screen and the later is detailed output on the screen using UX Wireframing tools. You can use Photoshop, WireframeSketcher (http://wireframesketcher.com/create/android-mockups.html) for creating a wireframe. Wireframes produce the scope of work for designers, …


Prototype is the step taken after the wireframes are completed. It is a working module completed with the help of either coding or prototyping tools like InVision, JustinMind and so on. A prototype is used for internal and user testing, from which errors can be detected and fixed to bring out the best of user testing. It is a major part of the iterative process.


Mockups is the step taken after wireframing. It is the mixture of wireframe and UI design. A wireframe would give you a basic visual representation of your screen, but the mockup adds the visual aesthetics to it. Mockups are concerned with the fonts, colors, themes and styles of your app or website screens. A mockup is a static screen that can help you understand a prospective final visual representation of your product. A mockup lean …

Flat Design

Flat design is a philosophy that is inclined towards being plain simple and functional. It does not involve any depth, gradation, shadows or textures. It does not involve any kind of technique used to make your objects or icons look more realistic. They are made of simple bold colors, forms and buttons.

Skeuomorphic Design

Skeuomorph is the exact opposite of flat design. It involves the process of making all icons as though they have been picked from the real life. This is the essence of skeuomorphic design. The design concerns with the application of shade, shadow, gradient color effect, textures to the icons, forms and buttons concerned. Though you can barely see the use of skeuomorph, it was quite popular back in the days. An example would be the …

Landing page

A landing page is the single most important and main page of your application or website. It consists of a single CTA (call to action) and its main focus is to represent itself as appealing as possible to attract several customers to join in by clicking the CTA option.

Usability Testing

Usability testing or USER testing is a process where the prototype of an application is tested on actual users to understand how they respond to the design and if it is a fit for the target audience. It helps understanding the errors and correcting them in the wireframing process itself before it is pushed ahead for coding. Usually an odd number of people (maybe 5 or 9) are assigned for testing, in order to get …

Information Architecture

Information architecture is a structured representation of all the gathered information defining the design of your website or application. The common word used for Information architecture is a Site map. Site maps are concerned with a website that gives you a carefully laid out structure of every available function on your website

Interaction Design

Interaction Design is the process in which a designer will focus on how to make the interface more interactive and interesting to attract more users. It tracks down the user’s mental module and makes use of that as a base for the creation of a better interactive design. It focuses on creating better engaging web interfaces.

Experience Design

Experience Design is basically the process of making technology easy to use. It focuses on bringing out the best of outcomes for the users thus getting the best results for the business. It helps in making the product engaging by emphasizing on user experience.

Iterative Design process

Iterative design is the process of working and improving the design at various phases. It is the combination of user experience design, user interface design and user interface development. The application is tried and tested on users repeatedly to remove all possible flaws and get the best of outcomes.


  Scenario is a specific situation defining a function completed by the user from start to end. Scenarios are helpful in the UX process when you are jotting down a task flow. A task flow is nothing but a textual representation of an action. For example: Online purchase of a T-Shirt The scenario here is as mentioned above- Purchase of a T-shirt The task flow would be a detailed walk through right from login to …

Card Sorting

Card sorting is the process that takes place before Information Architecture. It is basically the sorting of any and every kind of function that your application would consist of. There are three types of card sorting: Open, Closed & Hybrid Card Sorting.It is a well-established research technique for discovering how people understand and categorize information. You can use card sorting results to group and label your website information in a way that makes the most …

Open card sorting

In an open card sorting, the users are only provided with a list of functions and are free to categorize as well as sub categorize these functions with the help of their own preference and thinking. It is basically done to understand the user’s mental module which helps us to apply user friendly arrangement of all the functions within the application.

Onboarding process

Onboarding is a process to make the user up and going with what is your app and how exactly does it work. It can be in the form a swipe through tutorial where the user goes through the main contents of your application and understands the necessary functions provided. It also educates the user about how they would interact with the application by indicating a few key functions. It is expected to make this process …

Mood Board

A mood board is produced after the wireframe phase in order to make mock ups. It consists of laying each and every design detail that would be applied to the application including: inspiration, themes, fonts, colours, icons, buttons, visuals, navigation style and bars, UI elements. The main purpose of creating a mood board is to maintain a design consistency throughout the application. In simple words- Wireframes + Mood Board = MockUps

Kick Off

A kick off meeting is the one conducted at the very initial stage of UX explaining what exactly is the product as well as setting certain goals and expectations. It involves the designers, managers as well as the developers so as to bring everyone on the same page and put forth the need, want and outcome of the product.


A persona is the end user’s profile and by end user it means the target audience. By defining such a persona it is easy for the UXers to exactly understand what changes or new introductions do they need to put in their product. It helps UXers to understand the goals, frustrations and motivations of the users thus helping make the product more user friendly. The target audience for personas are set via researching who uses …


Agile development is a technique for incremental software development. It is an umbrella term for several different types of methodologies. It focuses on keeping the code simple, testing often, and delivering functional parts of the application as soon as they’re ready.


API stands for Application Programming Interface which is a set of functions and procedures that allow the creation of applications which access the features or data of an operating system, application, or other services. An API is how computers and web applications share information with each other. An example: an app finds the current weather in Sydney by sending a message to the weather.com API. The weather.com API then replies with a structured response. An …

Back End

As the name suggests, Back End runs behind the picture, a website or a software. Its focus is to power the website and its functionality. The front end is what customers interact with. The backend, as a rule, comprises of three sections: a server, an application, and a database. On the off chance that you book a flight or purchase show tickets, you typically open a site and connect with the frontend. Once you’ve entered that …

Front End

Front End creates visuals that are directly seen by customers. It is important to have an aesthetic website to attract more customers. When we examine the “front end” of the web, what we’re truly discussing is the piece of the web that you can see and associate with. The front end, as a rule, comprises of two sections: the website composition and front end web improvement. In the past when somebody examined advancement it, as a …


Beacon technology allows mobile apps to understand their position on the micro-local scale. Using the Bluetooth technology, it sends useful information on customers mobile devices.


Branch is used so that parts of software can be developed in parallel. This is so that the code they are writing and already completed code can be kept separated.


This is secondary type of navigation used to track down customers location on a website or in an app. Using Breadcrumbs customer can retrace their steps or go back to the original search. breadcrumbs is a graphical control component utilized as a navigational guide in UIs. It enables clients to monitor their areas inside projects, reports, or sites. The term originates from the trail of bread scraps left by Hansel and Gretel in the fable of a …


Content Management System or CMS is a computer software that creates and manages digital content. CMS is usually used for enterprise and web content management.


Cascading Style Sheets or CSS is a style language that defines the layout of HTML documents. For example, CSS covers fonts, colors, margins, lines, height, width, background images, advanced positions and many other things. CSS offers more options and is more accurate and sophisticated. CSS is supported by all browsers today. In this section will see how CSS works with the of an example. You can connect your CSS with HTML in three ways, External style sheet (In …

3- Click Rule

3 Click rule was adopted in 2000’s to make sure that navigation of a website of the user is smooth and easy. 3 click rule states that user of a website should be able to find out what he needs in no more than 3 clicks to enrich his browsing experience. Many user experience (UX) professionals believe that users of a site will become frustrated and leave if they cannot find desirable content within the …

Experience Map

An Experience Map outline a comprehensive, visual portrayal of your clients’ cooperations with your business when they are browsing your website. An Experience Map is used to see that which content of your website have attracted the clients so that you can improve it further.

Information Scent

An Information Scent is based on an essential idea in data gathering hypothesis alluding to the degree to which clients can anticipate what they will discover on the off chance that they pursue a specific way through a site. Just like animals who depend on fragrances to demonstrate the odds of discovering their prey, humans depend on different points in the data condition to acheieve their objectives and goals.

Information Scent


As the name suggests, needfinding is the method of designing an interactive user interface, so that we can gather knowledge about User’s needs. NeedFinding is specialty is the specialty of conversing with individuals and finding their necessities—both those they may expressly state and those covered up underneath the surface. It is just in really understanding individuals that we can increase significant bits of knowledge to move and advise a last, impactful plan.

Need Finding

Production Stage

Production Stage is the last and final stage in which the high-loyalty configuration is fleshed out, content and computerized resources are made, and a high constancy rendition of the item is approved with partners and clients through client testing sessions. The duty of the UX Designer shifts from making and approving thoughts to teaming up with engineers to guide and design a website which meets the client’s expectations.

Production Stage


KPI is the Key Performance Indicators measure the usability of a website or digital design. KPIs look at current usability, trends over time and comparisons with competitors. The end result is data about how users interact with a site and whether the design works in the way the designer or developer anticipated. Mobile App KPIs :- Usage Lifetime Value Retention Rate Active Users Session Length Average Revenue Per User App Launch / Load Time User …

Qualitative and Quantitave Research

A Qualitative Research conducted by the UX designers with the help of different techniques directed at gathering information. Interviews, inquiries, studies and more are included in this kind of research. Quantitative Research is the other side of the moon. In this case, the solid date matters the most. A/B testing, as well as Competitors analysis, are the examples of quantitative research.  


Breadcrumb is one of the most important UX term in Web development as well as in Android App development. Breadcrumbs is a control element used as a navigational aid in User Interface in Application or in a website. It allows users to keep track of their locations within Application or websites.  Here we going to discuss Android Breadcrumbs specifically with several methods, interface, classes as well as one example. Class for Breadcrumb in Android There is Predefine …

Accessibility Testing

Accessibility is the ease with which people can use and understand a website or app. This means, that how the website and apps are designed to be adaptable to people with disability or special needs. An example of this could be adapting colours to allow for people who are colour blind. Much specialist technology is available for you to use to make your website a more accessible place. Some of the most common technology is …

Accessibility in UX

Heart Framework

HEART is a framework for measuring and improving user experience, and each letter stands for a different user experience metric:  Happiness, Engagement, Adoption, Retention, and Task Success. Where did the HEART framework come from? The framework was devised from Google user experience research after internal teams realized that UX wasn’t being measured effectively. At the time, there were plenty of effective ways to measure user experience on a micro level—such as time-on-task and task completion rate—but UX …

Google Heart Framework UX

Tap Targets

Tap Targets are an essential part of Mobile UX. It’s important that sites using tap targets bear in mind smaller screens when creating points. When a web page is shown on a mobile phone it’s smaller, meaning that all your links and buttons are smaller too. What are tap targets? Tap targets are areas on web pages that a user interacts with to carry out commands. Links, buttons, ads and forms are all tap targets. Tap …

Lean UX

Lean UX is an incredibly useful technique when working on projects where the Agile development method is used. Traditional UX techniques often don’t work when development is conducted in rapid bursts – there’s not enough time to deliver UX in the same way. Fundamentally Lean UX and other forms of UX all have the same goal in mind; delivering a great user experience it’s just that the way you work on a project is slightly different. So let’s take …


Material Design

Google’s material design brings with it exciting ways to delight your users with a visually appealing Android app. But wait—what is material design? Google has described it as an interface that incorporates “tactile surfaces, bold graphic design and fluid motion to create beautiful, intuitive experiences.” Material design is the “user experience philosophy” for Android apps! Material design has become more of a buzzword recently. While the elements of material design have supported many beautifully-designed and intuitively crafted …


MVP ( Minimum Viable Product )

Minimum Viable Product. Imagine spending a huge amount of time and money on a fully-functional, completed project – and then realizing it doesn’t meet the goals of what you needed to accomplish. Rather than having to scrap everything and start fresh, companies develop MVPs as an interim product. MVPs work, and serve as a liaison between the user and the product, but they aren’t fully developed. A certain amount of development time is reserved for …


Android CMS

Every app contains content, sometimes lots of it. Instead of being hardcoded in an app, content should rather be separated and maintained independently. That’s was CMSes were originally intended for. An Android CMS helps take all the dynamic content out of the codebase, making it accessible to editors and enabling live updating of the in-app content – without resubmitting the app to the Google Play store. Terminology An Android CMS is a CMS for putting content into …