Category Archives: UX Based Design

Design & tech terms every UX UI designer needs to know part II

In the previous article, we talked about the commonly used design terms in “Research and Ideation” category. You can check the first article of this series here if you have missed out.

Here are the next set of design terms, those you will find useful to keep handy when you study foundation as well as deeper in this area.

User-Centered Design

user-centred-design

This iterative design process aims at understanding the user perspective (their thoughts, beliefs, motivations, etc.) for creating highly accessible and usable products for them. Wide variety of design and research techniques are used in this procedure. Also, it involves a mix and match of generative ideas (rigorous brainstorming sessions) and investigative tools ( surveys and interviews ) for a deep understanding of the needs of the users.

Human-Computer Interaction

Human-computer interaction is a systematic study which aims at improvising the overall experience for smooth communication between humans and computers.

Interaction between human and computer should be as friendly as conversations between two humans. Specialized design process, emotional design, and human psychology are its three major integral parts.
Ultimate goals of Human Computer-Interaction are :

  • Understanding the ways of improving user experience
  • Understanding user behavior in order to determine as to how people can use technology

UX Design

ux design

User Experience includes everything that contributes to physical & mental experiences of the user while using the product or service. It may include the user’s journey, information flow, content text, videos, images, graphics, interfaces, colors, interactions with the products/services. It is a step-by-step process which aims at creating meaningful & engaging products & platforms for the end users. User experience design follows a multidisciplinary approach that covers the entire process from branding, analysis, research, design, interaction, accessibility, usability, functional development & frequent upgradation.
We have discussed more in detail about UX Design, elements of UX design & different career options in our article which you can read here.

Lean UX

lean ux

As an Agile development in software development, Lean UX is about creating the design in rapid way, mostly depending on assumptions, to get maximum feedback as early as possible. Unlike traditional or comprehensive UX Design process, Lean UX eliminates in depth activities to arrive at something tangible quick

Some of the major benefits of using this technique are :

  • Cost Effectiveness: Don’t waste your resources in working on a product which isn’t needed in the market. You can easily test your hypothesis by validating every decision.
  • Save your precious time: Due to its collaborative nature, getting rapid and quick solutions becomes easier.
  • User-centric: Focus is on the user and their requirements at every stage of the designing process.

Responsive Design

responsive design

It is a holistic approach which makes use of cascading style sheets, flexible layouts, and images to enhance user experience across all devices. Its ultimate purpose is to refine the appearance of the website according to the orientation and the screen size of the device which the user is using.
This technology is adept at adapting automatically according to user preferences and needs. This helps to get rid of a different design for every new gadget in the market.

Interaction Design

The process of interaction design takes into account like how users will interact and use the product or particular interface or even a particular piece of content. Five major dimensions in interaction design include words, visual representations, time, physical objects and behavior.

Wireframe

Wireframe

Wireframe refers to designing a website at a very nascent stage. A wireframe is used for laying out content and functionality on a page which takes into account the preferences and requirements of the users. Wireframes are used in the initial design process to set the basic structure of a page before visual design can be added. There are two phases in wireframing activity Low Fidelity & High Fidelity Wireframing.

Low Fidelity Wireframes

low fedility wireframes

Low Fidelity Wireframes are an easy and quick way to translate high-level design concepts into testable artifacts. The aspects of visual designing for the final product include basic visual hierarchy, shapes of elements and more. Typically they are in black white (or any two contrast colors)

High Fidelity Wireframes

high fedility

High Fidelity Wireframes are more effective than low fidelity wireframes as they reveal what content & functions will go where and how, using guidelines of layout as well. Apart from that, high fidelity wireframes are refined and consist of various elements like images, graphics, color scheme, logo and more. They are created using digital tools and hence the process is more time consuming.

Prototype

A prototype is basically a primitive version of something that is iterated upon until it is a final product. It is a simple & easy version of the product or website. It helps to understand the simple workings of a product and its interaction with the user on creation of the final product. Prototype can have static interface (series) or in the form of clickable simulations of interfaces

UI (User Interface) Design

UI Design

UI Design is a process of creating an interface between human (user), software and machine/hardware. This interface is actually a virtual (sometimes physical) layer where interaction between user, software and hardware takes place.

UI Design is a phase when designer converts the wireframe into final visual design with appropriate fonts, colors, graphics and, icons by focusing more on visual design aesthetics. UI design must follow some guidelines for usability like font sizes, usage of color shades, content hierarchy, consistency, accessibility guideline, etc.

Use Cases

Use Case is a brief of how the system will respond to the user against the action the user is performing. Use cases take into account all the possibilities where different options or tasks with a combination of other possible options or tasks in the application/website. Use Cases are to be considered and recorded while planning & designing an application. Apart from that, use cases also provides a list of comprehensive goals as to how the system should behave in certain processes.

Affordance

affordance

Affordances are nothing but visual clues in a design. They help the users to understand your UI efficiently and effectively. Improving the clarity of interface is vital to getting more visibility from the users.
For e.g. a door handle can indicate whether it can afford to push or pull.

Service Blueprints

Service blueprints are simple and clear diagrammatic representation of the services of a business as a whole. Their end goal is to understand the pain points of the customers and discover the internal shortcomings in their workings so as to improvise their working process. It aims at visualizing the organizational processes to optimize how a business can aim at delivering a great user experience.

Navigation Design

navigation-design

Navigation design is a discipline to design the ways for helping users to navigate through the platform (website or app or product or even physical space)
Navigation design plays an important role in creating a full-proof system that allows the users to interact and use the products in the most effective way. It is how your user can get from point A to point B or point C in an easy and hassle-free way.

Some of the advantages of a good navigation design are enhanced credibility and visibility of product, increased conversions due to more traffic, enhanced user experience and more.

MVP

mvp-final

Minimum Viable Product is the process of developing or designing a product with the least but its core features so that it can be quickly deployed for testing the market viability and acceptance amongst product’s potential customers.

Several benefits of carrying out MVP Process are understanding your customer preferences and needs, getting insights into whether the product is needed by users or not and checking the viability in the market by launching the product with minimal features.

I hope you enjoyed reading. Please feel free to share your comments and thought or any other terms if you wish to include in this list. Soon we will come up with the next part of this article with a few more interesting terms.

Design & tech terms every UX UI designer needs to know – part I

Glossary of the must-know common words in UX/UI

Half the battle is already won if you don’t have to juggle through your dictionary to search for the meanings of technical jargons. Isn’t it? If you are new to the world of user experience, understanding the terminology in a super-easy way can make things a cakewalk for you.

You no longer have to scratch your head to get everything you might be looking for. All you need to do is start using these terms frequently so that you can understand their meaning in a better way.

We will keep it simple so that it becomes easy for you to understand and comprehend. If you have been struggling to interpret the technical terms correctly, then you are at the right place.

Why Do You Need To Know the UX/UI Terminology?

You might be familiarized with hearing a lot of new terms and acronyms in UX/UI design space. But, have you ever wondered as to why you need to be thorough with your list of most commonly used words?

Well, the reason is simple. You are bound to feel disconnected while discussing the project with the client if half the terms during the discussion are greek to you. The twisted terms can make you grow crazy if you will fail to understand its proper usability. Treading into a new industry without knowing its basics can turn out to be a nightmare. Don’t worry; you will sail through if you are willing to invest your energy in understanding these important UX/UI words.

This compiled easy-to-understand list will extensively cover all that falls under

“Research & Idealization”.
Gear up before you decide to choose this promising career path!!!!

Research + Ideate: User Groups, User Research, User Scenarios, User Stories, Task Analysis, Card Sorting, Stakeholders, UX Strategy, KWHL Chart, User Journey Mapping, Problem Statement, Empathy Map, User Persona, Pain-Points, User Flows, KPI, ROI, Site Map, Information Architecture, Metaphor.

User Group

User Group

User Group is defined as a group of individuals who possess similar psychological traits. To understand the nuances in your industry, you need to closely study the behavior, tastes, motivations and pain points of a set of people who would be keen to use your product. Hence, innovative designing solutions are crafted keeping this user group in mind. It plays a crucial role in helping the company understanding its target audience’s psyche.

Supposedly, you wish to outweigh your competitors in terms of selling a product. But, you cannot be successful unless you know your target audience well. Therefore, to stay ahead in the competition, you need to be willing to do your research part well. This would include monitoring the preferences and interests of your target audience.

User Research / UX Research

User Research

UX research involves carrying out a systematic investigation in order to understand the users perspective for the design process. Gathering valuable information from users can be done using various qualitative and quantitative methods by employing varied techniques, methodologies, tools and more.

Interpreting collected data can become easy with this organized study which would involve using various methods like Focus Group Interview, Personal Interview, Persona, Task Analysis, Ethnographic research and more.

Card sorting

Cards Sorting

Card Sorting is a unique and inexpensive method which helps you to design website navigation paths, menu structure, workflow and information architecture in an organized manner. In order to ensure a user-friendly experience, this tool is used to predict emerging trends of customer preferences and interests.Supposedly, you decide to create a website to sell your products and services. But, it won’t work out until you are familiar with what your users might be looking for. You cannot shoot an arrow into the air without knowing your users. Isn’t it? In such a scenario, the

card sorting technique can come to your rescue. Its simple approach revolves around conducting a thorough research through pieces of cards or online tools to understand as to how your users structure the content on the website. This can give you a peep into your users’ expectations. Some other benefits include quick and easy execution without much investment of time.

User Persona

User Persona

Personas are fictional characters which are created based upon the user research to represent different user types to target a particular product, service or site. They are well analyzed and well-defined archetypes which are replicas of users.

They play an instrumental role in helping you make informed decisions based on user preferences. Building effective personas can ensure an interactive user experience. Adding a human touch to these model characters will thus allow you to market the products or services.

Now, let us take a simple example to understand this concept. You desire to launch a new product in the market. But, you are not sure about strategies which you can adopt to reach your target audience. In such a scenario, you can create a persona which can be used as a communication tool to pitch your product or service in an effective way. In this way, you can use the persona to leverage your business.

User Scenario

User Scenario Analysis

User scenarios can give a peep into the minds of the users by predicting the patterns of how they will interact with your mobile application or website. Ensuring excellent user experience should be the priority and it can only be achieved if you are willing to walk an extra mile to understand the end goal of your target audience.

User scenarios can help the designers understand the psyche of users interacting with a design on the website. Various scenarios can help you find the best solution for the user’s problems. Chart out various scenario possibilities to ensure a hassle-free experience for the users.

Stakeholders

stakeholders

Stakeholders play an instrumental role in planning when it comes to UX design.

Stakeholders are a set of individuals who have a vested interest in a certain product. They are also the key decision-makers and help in the proper implementation of ideas. They can be divided into three main categories :

  1. Business: This category includes upper management, product managers, salespeople, etc.
  2. Engineer: This category includes developers, technical support and quality assurance people.
  3. UX People: This category includes researchers, designers and technical writers.

Ux strategy

UX strategy

UX strategy is an approach or plan of action to achieve the end goal for the product. It aims at solving the problems of the end-user efficiently and accurately. Several effective approaches include planning, validating ideas, testing and researching.

With the change in user behavior and preferences, the adoption of new features and tools is essential to keep pace with changing technological trends. Hence, a rigorous and full proof UX strategy can help you stay ahead of your competitors by predicting your user’s needs.

KWHL Chart

kwhl chart

It is one of the initial steps which involves organizing the research data in four major categories. Extensive research is important to understand what your users might be looking for.

K – stands for what you already KNOW about the product.

It includes as to what prior knowledge you have regarding the product.

W – stands for what you WANT to learn.

It includes what is the intention and goal of the user while interacting with a product.

H – stands for figuring out HOW you can learn more about the product.

L – stands for figuring out HOW you can learn more about the product.

User Journey Mapping

user journey mapping

User Journey Mapping captures the experience of a user’s interaction with a product.

It also gives an insight into the emotions of the users based on their end goals and motivations. Following a user-centric approach is important to ensure excellent customer experience. Hence,

user journey map bridges the gap between a brand and individual across different channels.

The main steps involved in user journey mapping are :

  1. Choosing a scope
  2. Creating an interactive user persona
  3. Defining user expectations and scenario
  4. Creating an elaborate list of touch-points
  5. Paying attention to user intention
    – Motivation
    – Channels
    – Actions
    – Pain Points
  6. Sketching the journey
  7. Evaluating the user’s emotional state during the interaction process
  8. Validating user journey

Problem Statement

problem statement

Problem statement is an integral part of UX Design.

Problem statement makes room for brainstorming ideas and channeling them in a single direction. It aims at giving a precise description of the problem and guides the team to focus on the key areas.

Problem statement requires you to synthesize your user observation from the very beginning. It also gives the idealization process a head start in the right direction. It is a combination of certain processes including empathizing, analyzing, synthesizing, prototyping and testing. Creating a

problem statement is thus a non-linear process.

Empathy Maps

empathy mapping

Empathy map is a collaborative tool which is used to gain deeper insights about the customers. It involves using various techniques to evaluate the attitude and behavior of the target user. It bridges the gap between what customers really want and what you think they want. Hence, crafting specific user experiences becomes easy for designers. It revolves around four basic key traits which include what the user says, does, thinks and feels.

It is one of the initial steps of the designing process which relies on “customer first” philosophy. It will allow you to understand the following about the user:

  • Feelings: How is the overall experience of the user?
  • Tasks: What type of tasks is the user trying to accomplish?
  • Influences: What are the things or people governing the decisions of the user?
  • Pain Points: What are the pain points which user wishes to overcome? What are their hidden fears and anxieties?
  • Goals: What is the ultimate goal of the user and what is he trying to achieve?

User flows

userflow

User flow refers to a series of steps which are performed by a user to complete a task efficiently on a website or app. Simplifying the overall process for the users can give an edge to your business. Delivering what the user wants most effectively is what can help websites get the best results.

Now, let us understand this with an example. Supposedly, the end goal of the user is to buy a product on a website. Now, this can be done using various methods. The simplest of the ways would be adding the item on the cart and complete the purchase from the checkout screen. There could be other permutations and combinations to buy a product on the website. Hence, user flow aims at improvising the navigational flow for hassle-free user experience.

KPI

kpi

KPI is a key indicator which can be used for tracking the progress towards user experience related goals. Measuring human behavior related metrics can be a tough task as it involves checking the overall satisfaction levels of the users. Some of these important quantitative and qualitative metrics include :

Quantitative:

  • Task success rate: Percentage of tasks completed by the target user accurately
  • Time on task: Amount of time taken to complete the task
  • Use of search vs. navigation: Tracking the number of users who accomplished the task using search vs the number of users who completed the task using the navigation
  • User error rate : Errors can be essentially useful for scrutinizing user performance
  • System Usability Scale (SUS): It assesses the usability of an app or product by the user

Qualitative :

  • These factors take into account overall satisfaction and reported expectation and performance of the product

ROI

Return On Investment is an essential metric for product owners at the time of design and development of a product. It helps an investor to calculate profit on the investment made on product designing. Some of the great UX indicators include higher sales, customer engagements and better customer loyalty. ROI for user experience has certain main elements that must be taken into account. They can be categorized into two categories:

  1. Hard Elements: These elements include lead generations, conversion or acquisition, viral referrals, channel migration, retention, targeted traffic, cost savings and employee productivity.
  2. Soft Elements: Customer engagement, satisfaction, engagement, awareness, ethics, loyalty to brand, utilization and product adoption are considered while calculating ROI for UX Design.

Sitemap

Sitemap acts as a guiding document for users and helps them to navigate through the website easily. It basically depicts how various sections on the website will be linked together. It shows how different pages, subsections and sections will be represented on the website.

Having an initial sitemap is important to ease out the navigation process for the users. There are innumerable ways of creating sitemaps though the approach can vary according to your preferences and requirements.

Let us understand this with the help of an example. Supposedly, you wish to build an e-commerce website. Its ultimate aim will be to sell products. In this scenario, your sitemap should be displaying pages and product indices on the top of the hierarchy. This would ensure easy navigation for visitors and they will be able to see where they need to go immediately without any hassles.

Sitemap

Information Architecture

Information Architecture is the science used by the experts for structuring content on the website. A user must be able to find out the required information with minimum interventions and clicks.

It is essential to arrange the parts on the website or application properly to ensure a great user experience. Several important aspects of information architecture include functionality, interaction, visual elements, navigation and more.

Metaphor

Metaphor

Metaphors in UX design are used for solving certain issues creatively by using real-world terms. It goes beyond the literal meaning of the word to communicate certain actions.

Let us understand this with the help of an example. Trash Can image is delegated to “delete” option and is named as “recycle bin” in windows. Such metaphors make technological designs more relatable and easy to use.

User Stories

user stories

User Stories are used in design processes to enable a designer to understand the psyche of the user. It involves conducting qualitative research to get information about what users might be looking for. Creating engaging stories is thus an important part of the research process.

Interesting stories can play an instrumental role in creating effective solutions according to the user’s daily activities. They can also be integrated with personas. They can be represented in the form of visualized storyboards, short stories, written stories and more.

Stay tuned for the next article which would give you a peep into another set of curated acronyms. Feel free to reach out to us for any doubts and queries. We will be happy to help!!!

Thanks to Ashay, Amar, Laksha and Prismic Team for contributing their efforts & Special thanks to Vigisha for enhancing the reading experience of this article.

Prismic Reflection gets global recognition at the 12TH ANNUAL INT’L DESIGNER OF THE YEAR AWARDS

Prismic Reflections® is honored with The International Design Awards at the 12th ANNUAL INT’L DESIGNER OF THE YEAR AWARDS”

The journey in the design industry is a huge roller coaster ride. From coming up with a concept through design thinking, amending the changes required, and making sure that the design enhances the user experience and resonates with the brand is a long journey. To a designer, a pat on the back and words of appreciation give the motivation to work throughout the journey and continue bringing meaning to the designs.

For us at Prismic Reflections®, client satisfaction is the highest. We work with passion at every task in hand and when we get recognition, we feel accomplished. It is a very ecstatic moment for us when we get recognition and appreciation for our work. We take pride to announce that we have recently been awarded bronze in the 12th International Design Award for one of our project, UX UI Design For AuthNTick – Web Application.

IDA Award

IDA award is one of the prestigious awards in the design industry which appreciates the designers and their work. The International Design Awards (IDA) recognizes, celebrates and promotes emerging talents in Architecture, Interior, Product, Graphic, and Fashion Design. At the IDA awards, we showcased our product designs and our UX/UI designs among the best designers in the world in the category ‘Multimedia-Website Design’.

Our hard work and design thinking strategy garnered eyeballs and got us love and appreciation from the jury of one of the most renowned body in the design industry, The International Design Awards. We were competing on a global platform among the best designs in the multimedia- website design category.

Our project ‘UX UI Design For AuthNTick‘ was one of the milestones in our journey. In this project, we were challenged to turn complex verification process into super simpler, faster & automated user experience for its end users. We began the project by understanding the needs of the owner and identifying the key stakeholders. A small team worked dedicate to come up with a design strategy to align the design strategy with the business goals of the client. The case study of our award winning project is here.

Taking one step at a time, our designers worked closely with the client right from developing the concept of launching the product through several iterations and final testing. At every step, we focused on making the UI/User Interface Design unique and captivating.

We derive the highest satisfaction when all the time and the efforts together in bringing the design to life resonates with the brand and enhances the user experience. We, at Prismic Reflections®, are always ecstatic about the accolades that come our way. We take immense pride in showcasing our work and making a difference to the brands by delivering exceptional UX/User Experience designs for our clients. We extend our gratitude to the IDA awards for adding one more feather to our cap. Receiving such recognition validates our efforts and ideas and motivates us to work even better every day.

Meeting global visionaries from leading companies at GiTex 2015 (Dubai), to improve user experience of their product

Prismic Reflections® team is just returned back from their fantastic trip to Dubai.

We visited GiTex 2015 at world Trade Center Dubai, last week.


gitex_logo

Future of technology on display was at Gitex 2015, 35th?Technology week at Dubai. Its a gateway to the Middle East, Africa & South Asia’s ICT Industry. Innovative UAV, Robotics, 3D printing, business automation & autonomous vehicles. GiTex is the place where all business leaders, global visionaries from world’s leading companies come together. Its the place where you can explore business opportunities, ideas, your future business partners & customers. You can demonstrate your ideas & business to different people coming from all across the globe.

Me & My Partner Swarup visited GiTex last week to meet entrepreneurs, brands, businesses & leaders to explore the possibilities how Prismic Reflections® can contribute?to?improve their?digital product’s user experiences and take them to the next level.

During our 5 day trip to GiTex, we met lot of businesses leaders from different domains like software, IT, Banking & finance, Healthcare, Agriculture, Food, Education, Government and so on. It was quite exciting to see the value that these businesses are bringing together to contribute into the ecosystem of UAE and there by Global Economy. It was also inspiring to see businesses are openly collaborating with each other to explore the partnership opportunities to achieve high pace & sustainable growth.


sacle

?In my visit, I met few aspiring brands & business leaders like Saycle, Anazana, Devision, Firecart, 3D Printer, Xilopix, SOTI, and many more.?I was amazed by the revolutionary solutions these companies?are bringing to the society.
India’s contribution to the Software & technology domain was always been huge. No wonder I saw many of software & tech companies from India here in GiTex, which made me feel at home 🙂

However, I saw most of the companies brought inspiring & innovative ideas in form of products along with their services. Its fantastic that product mindset in evolved drastically in service based companies.

All the ideas, solutions & values brought by businesses & innovators surely seems to shift whole customer experience to the next level. Lot of different & complex challenges can be met with the use of technology based solutions where technology does the all the heavy lifting work and humans can enjoy?to the next level of experience by giving more comfort, ease and sophistication in day to day life.

Our meeting with business leaders & decision makers for transforming their software & platforms into better user experiences was great learning experience at both the end. Few of our meetings were turned successful and gone to the next level where Prismic Reflections® will be engaged in crafting UX for their digital products. We are quite excited to begin with these opportunities and hoping to create big difference in the digital space?with highly usable, engaging & customer user products.


Dubai Smart CityUI UX DesignOpening of GiTexView from Dubai World Trade Center

Overall it was great experience at GiTex to observe different business, ideas & importantly people coming together under one roof. Yes, its all about the people ? Humans. Technology can not rather should not replace Human interactions with each other. Instead, technology should compliment and bring more awareness, sophistication and improve the real life experiences. This is exactly what happened at GiTex where we met & interacted people face to face,?though it was a tech event- such a good experience.

One, who is in the technology space, should not miss the event. Like every year, GiTex was a great initiative from UAE’s government, held in Dubai, which will surely take UAE’s & Gobal Economy to the next level.