Unit V – Designing UX

for tomorrow

1
Designing UX for tomorrow
Emerging technologies in UX Design : Voice UI, Touchless gesture
control, Intelligent UX, Conversational UX, Immersive Media and
Fluid UX Designing for Web and Mobile Interfaces, IoT applications,
Block-chain and Crypto and data driven UX
Industry Specific UX design : FinTech, Education , Health Care, E
commerce and Industrial Websites , Designing for Wearable Devices,
Designing for Augmented Reality, Virtual Reality and Mixed Reality,
Tomorrows Challenges in UX design, UX design trends:-Personalized
experiences, Data visualization, New 3D design tools

2
Designing UX for tomorrow
“You've got to start with the customer experience and work
backward to the technology. You can't start with the
technology and try to figure out where I can sell it.” (Steve
Jobs, Worldwide Developers Conference 1997)

3
Designing UX mobile interface
• Includes the design of user experiences for hand-held and wearable devices.
• mobile users' unique requirements and restrictions.
• focus on accessibility, discoverability and efficiency to optimize on-the-go
interactive experiences.
• UI component enhances the overall look and feel of the app, greatly
determining how the application is presented to its users.
• And UX largely determines the impact and ease of application usability for its
customers.

4
Designing UX mobile interface
Typically, mobile users find themselves in three scenarios:
§ Microtasking – they use devices in short, intense spurts – e.g., to buy tickets.
§ Local – they use devices to see what’s happening around them.
§ Bored – e.g., they surf newsfeed links while waiting.
This guides the following points :
§ Use a less-is-more approach.
§ choose carefully which features are vital and how to present them best.
§ users must be able to quickly find what they want, and
§ also reassurance that your brand is what they expect it to be.

5
 UX Designing tips for mobile interface
1. Minimize Content
Design for minimal page-loading times (less than three seconds) and cognitive load.
2. 94% of mobile users use portrait mode, meaning less width to work with.
◦ Keep images (including embedded ones) to a minimum, and small.
◦ Have clear visual hierarchy.
◦ Use color and contrast to maximize visibility and make text 11 points or larger.
◦ Beware of clutter – every element must count. Compress information into icons where appropriate.
◦ Calm pages and complement/frame content with whitespace.
◦ Include card-style design patterns to easily show actionable content.
◦ Ensure all devices can support content.
◦ Keep page descriptions short for bookmarks.
6
UX Designing tips for mobile interface
3. Simplify Navigation
4. Most users use one hand; fingertips can be large. Therefore:
§ Aim for easy-to-use, easy-to-learn/self-evident navigation. Consider progressive disclosure.
§ Create 30x30-pixel/7–10-mm (minimum) buttons/tabs.
§ Use full-screen navigation menus, minimum navigation levels and clear labeling, including
tabs/icons and graphics.
§ Prioritize most-used items at the top. Consider how far users can comfortably reach.
§ Give short-key access to features.
§ Don’t mix navigation patterns.
§ Clearly show links. Indicate when the user has activated them.
§ Allow one primary action per screen.

7
8
UX Designing tips for mobile interface
5. Restrict User Inputs
6. Users become frustrated when they must continuously tap buttons. So, design to
offer maximum effect for minimum interaction/effort.
§ Keep URLs short.
§ Pre-fill or minimize required data inputs on forms.
§ Include alternative input mechanisms (e.g., voice-controlled).
§ Allow permanent sign-in.
§ Allow minimal, one-directional scrolling.
§ Retain data in case connections fail.
§ Offer obvious search features (e.g., a magnifying glass).
§ Use skeleton screens to reassure that the system is executing background actions.

9
UX Designing tips for mobile interface
7. Ensure Continuity and Consistency
8. Let users continue where they left off and so they can switch
easily between mobiles and desktops.
§ Keep content consistent between screens. If you design separate versions,
don’t compromise user trust with unsubtle changes.
§ Maintain continuity; let users track orders, etc. just as easily on mobiles.
§ If you design separate versions, let users switch from mobile to desktop
formats freely

10
UX for IoT applications
UX for IoT is different mainly because
§ the UX design involves a sequence
of interactions between users from a
virtual system to the physical one.
§ In addition, when we design UX for
connected products, the design
becomes much more complex due
to the dramatic increase in the
number of users and system

11
UX for IoT applications -Challenges
• As a rule, IoT systems are multicomponent, can comprise several devices with different
interfaces for various purposes and end-users. Designing for such systems requires a coherent
approach to ensure the experience on devices, web portals, wearables and mobile apps is
consistent.
• IoT evolves fast. It reflects in the changing physical design of devices, growing capabilities,
emerging new features and this dynamics should also reflect in the capabilities of IoT mobile
apps to scale up and adjust on demand.
• One of the biggest challenges in IoT design development is that IoT still brings fundamentally
new experiences and capabilities , and these new experiences should feel familiar and easy to
learn.

12
Tips to create great design for IoT
A intuitive design and easy-to-use interface of an application are required to manage such a complicated
system a
§ Customer Demands Are High: Demands increase as competition increases and customers become savvier.
Users prefer IoT devices that stand out from the crowd. The task is to define the users’ expectations and
meet their requirements and wants. The design method necessitates extensive knowledge on
determining potential users’ underlying demands and preferences.
§ Dynamic Adjustment Required: The IoT landscape is rapidly changing. Variable device designs, rising IoT
technological capabilities, new features, and complete fleets of devices are all key realities in today’s IoT
industry. Such trends must be considered and reflected in the IoT mobile app to make a new IoT product
exciting and beneficial for its end customers. In addition, IoT programs must be able to scale up and
down as needed.
§ Consistent User Experience: Because IoT platforms control a vast number of different devices, the IoT
interface can be incredibly complicated if it is poorly designed. A smooth user experience (UX) provides
an appealing and user-friendly manner to manage various object interactions. It necessitates extensive
research on users’ behavior patterns in their environments. A good IoT app design makes it easy for the
user to navigate from one system element to the next and assure the commercial success of an IoT
solution.
13
Tips to create great design for IoT
#1: Personalization and User-Centricity Personalization is incredibly crucial in the IoT ecosystem, but it is
also challenging. For example, app designers must consider numerous groups of end-users who have
access to the IoT app and design of IoT app’s UI and UX.
#2: Remote Accessibility A quick and user-friendly remote control is another crucial element of any IoT
mobile app. For example, a user may recall that he or she forgot to lock the front door on the way to
work, and there is no time to use a lesson on how to close the door on the way to work remotely. This
helps reduce onboarding time for new customers,
#3: Push-Notifications and Alerts Notifications and alerts are the most delicate and difficult aspects of
IoT mobile app design. Most IoT applications provide notifications passively, rather than actively, to avoid
irritating users with excessive information and dissuading them from using the program. the problem is
determining which information should be prioritized, whether the notice should be given immediately, or
whether the user should be told at the most reasonable time.

14
Tips to create great design for IoT
#4: Visualization of data IoT applications must evaluate, filter, and show important data in an
understandable and user-friendly manner. They must also manage massive volumes of data from diverse
devices, sensors, and integrated platforms. The selection and display of valuable content to consumers is
the most difficult aspect of IoT data visualization.
#5: It is crucial to predict how, when, and where people will use the app, what vital functions, and what
devices they will utilize.
#6: Consistency is one of the most critical aspects of building a mobile app. Because IoT platforms are
typically complicated and managing multiple objects, devices, and systems, the design must have unifying
aspects that allow users to easily traverse the numerous functionality of each linked item. Users will be
able to effortlessly transition from one element of the IoT application to the next if the design is
consistent

15
UX/UI Design Patterns In Blockchain &
Crypto(Web3)
What is Web3 ? Web3 (also known as Web 3.0) is an idea for a new iteration of the World Wide
Web which incorporates concepts such as decentralization, blockchain technologies, and token-
based economics.
Web3 will provide increased data security, scalability, and privacy for users and combat the
influence of large technology companies

16
3 reasons why UX is crucial in web3
1. Creates trust in a new space
◦ Web3 is having to overcome the same trust issues that its predecessors experienced.
◦ One way is to build trust through UI
◦ Eg Oasis.app : has a UI that oozes trust. A minimalistic approach that is clutter free and light in
copy comes across far
2. USP in a developer-dominated field more welcoming to the user.
◦ the belief that product alone is enough, leads to blockchain based applications being confusing to
the user, hard to navigate and not the most aesthetically pleasing.
◦ This is where UX comes into play. Sites that look the part, flow well and are easy to navigate will
stand out in a field that is currently being led by developers.
3. Vital to a young target market :
◦ These new technologies are more for millennials and gen Z age groups. They are : For a start
they’re not the most patient. Gen Z especially have grown up with rapid-speed internet
connections and smartphones providing almost-instant access to information.

17
Data Driven Design of UX
UX design uses research data of various kinds to provide an optimal user experience.
◦ Types of data : some key customer analytics, including customer satisfaction, lifetime-value, segmentation,
sales-channels, Web, social-media, engagement, churn, and acquisition analytics
◦ This data helps product teams understand their target users, reveals information about users’ painpoints,
unearths new trends, supports data-driven design, and assures teams that their work is on track
◦ Two broad classes of data factor into data-driven design and help us make design decisions:
◦ Quantitative—Numerical data that shows who, what, when, and where. Quantitative data shows scale. What
quantitative data doesn’t tell you is why. We obtain much quantitative data regarding the usage of a Web site
or application from Google Analytics.
◦ Qualitative—Data that demonstrates why and how. Why does a certain group of visitors take one action,
while a different group chooses another? Why does one piece of content keep visitors on your Web site
longer than another? Qualitative data offers perspective and helps us understand not just what happened,
but why and how it happened. We often communicate qualitative data through personas or journey maps.

18
How to do Data Driven Design
§ Collecting Data :.
§ Choosing UX Research Methods That Deliver Useful Data : uses UX research methods such
as surveys, usability testing, behavior flows, tracking analytics on Web sites or in mobile
apps, competitor analysis, and heuristic evaluations. Google Analytics
§ Usability Testing : in lab or field , you’ll gather qualitative data about participants’ experience with a
product, but you could also collect some quantitative data.
§ A/B and multivariate testing let you see how different versions of a Web site or app perform against
one another. Y
§ Behavior Flows show how users traverse a Web site or application—from the first landing page to
the last page they view before exiting the site , eg Google Analytics has built-in tools for exploring
user behavior flows.
§ UX research methods also include card sorting, contextual interviews with actual users, focus
groups, surveys, and heuristic analyses.

19
Data Driven UX
§ Analyzing Usage Data to Learn What Matters to Users
§ When you examine the data, you’ll often see specific patterns emerge—for example, people
abandoning a site on a particular page, extremely high or low bounce rates or time-on-page
indicators, a usage drop off after roughly three weeks of using your app
§ Representing Data Visually Using data-visualization tools such as charts, graphs, timelines,
and maps lets you provide an accessible way for people to absorb visual information and
understand trends, outliers, and patterns in data. By presenting visual data to your
stakeholders, you can captivate your audience and clearly convey your message.

20
Industry Specific UX design: FinTech
Ever wondered what makes a great financial product? Is it the number of
functionalities and features it has? Or creating something simple, innovative that
helps get the job done faster and yet is in sync with the latest design trends.
While innovations enriched with design trends and functionality are features that
help financial services enhance their position and brand image, at its core, a
product becomes special when you put the maximum focus on the USER.
Good fintech user experience is all about, the USER as given below.
Signing up and onboarding for your services:
Trust factor:Good fintech UI design can help build that trust experience and ensure
that the process of information exchange is easy and safe.

21
Industry Specific UX design
Staying on the move:Smartphones have gone through a huge transition in our lives—from being
merely used for calls to now removing the need for wallets, documents, cheque books, and
more.
Increased transparency:Good fintech user experience reduces complexity and information
overload, bringing simplicity, transparency, and thereby, trust.
Simplified site/app navigation: Good fintech app UI prioritises site navigation and empowers
your customers to get their job done with little effort and fewer clicks or taps.

22
Industry Specific UX design : Education
Media, Printing, and
Publishing. The most
obvious role for UX
Designers in the media and
publishing industries is
working on electronic
documentation and e-
readers. Platforms like
Amazon and Barnes and
Noble have dedicated
devices where customers
can download books and
magazines.

23
Industry Specific UX design : Education

24
Industry Specific UX design: E commerce
and Industrial Websites
E commerce is the
process of creating an
online store for your
business to sell digitally
to target shoppers. To
design an ecommerce
website, you need to
plan, conceptualize and
arrange your content
and products for
effective display on the
Internet.
ux design for ecommerce website flow
25
 Industry Specific UX design: Industrial
Websites
Manufacturing And Industrial
Website Design Must-Haves
1. Clean Design.
2. Branded Elements.
3. Prominent Logo.
4. Mobile Responsive.
5. Intuitive Navigation.
6. Easy-To-Use-Forms.
7. HTTPS Encryption.
8. A Contact Us Page.
26
 Industry Specific UX design:Health Care
Healthcare UX refers to
the design of the user
experience of any
healthcare product or
service, such as electronic
health records, disease
management apps or
doctor appointment
scheduling apps.

27
 Designing for Wearable Devices
• Designing for wearable devices requires careful
consideration of various factors to create a user-
friendly, visually appealing, and functional
experience.
• Product Requirements. Start by listing all of your
hardware functional requirements. ...
• Power Consumption.
• Offload the Processor Workload. ...
• Choose the Right Battery. ...
• Size Constraints. ...
• Component Placement. ...
• Wireless Wearables. ...
• Product Testing.
28
Designing for Augmented Reality and
Virtual reality
Understand the Technology: Gain a deep understanding of the AR technology being
used, whether it's marker-based AR, markerless AR, or spatial computing.
Understand how the technology works, its limitations, and possibilities to inform
your design decisions.
Define User Goals: Identify the specific goals and tasks users will aim to achieve
with the AR experience. Understand their needs, preferences, and context of use.
Consider the different user personas and their unique requirements to tailor the AR
design accordingly.
Plan for the Environment: AR experiences take place in the real world, so it's crucial
to consider the physical environment in which the AR content will be overlaid.
Consider lighting conditions, spatial constraints, and other physical elements that
may affect the visibility and usability of the AR content.

29
Designing for Augmented Reality and
Virtual reality
Test and Iterate: Usability testing is crucial in AR design to identify issues and
iterate on the design. Test the AR experience in real-world environments and
with real users to gather feedback and insights. Iterate on the design based
on user feedback and continuously refine the AR experience.
Consider Accessibility: As with any design, accessibility is essential in AR
experiences. Consider accessibility guidelines, such as text size, color contrast,
and alternative input methods, to ensure that the AR content is accessible to
all users, including those with disabilities.
Ensure Performance and Stability: AR experiences require real-time
rendering and processing, so it's crucial to optimize for performance and
stability. Ensure that the AR content loads quickly, performs smoothly, and
remains stable throughout the user's interaction.
30
Designing for Augmented Reality and
Virtual reality
Create Intuitive Interactions: Design interactions that are intuitive and easy to
understand. Leverage familiar gestures, such as tapping, swiping, or pinching, to
interact with AR content. Consider the limitations of the AR platform, such as hand-
tracking or voice commands, and design interactions accordingly.
Optimize for Context: AR experiences are contextual, so consider the user's context
when designing the UI. Design the UI to provide relevant information and content
based on the user's location, orientation, and real-world objects. Ensure that the AR
content is visually aligned with the real-world environment to create a seamless and
convincing experience.
Focus on Visual Design: Visual design plays a critical role in AR experiences.
Consider the aesthetics, style, and visual elements of the AR content to create a
visually appealing and immersive experience. Use visual cues, such as color, contrast,
and depth, to guide users and provide feedback on interactions.
31
Designing for Augmented Reality and Virtual
reality
Collaborate with Developers: Collaborate closely with developers
throughout the design process to ensure the technical feasibility of
the AR experience. Understand the limitations and possibilities of
the AR platform and work closely with developers to implement the
UI design effectively.
Designing for AR requires a deep understanding of the technology,
user goals, and the physical environment, along with intuitive
interactions, visual design, and usability testing. By considering these
factors, you can create engaging, immersive, and user-friendly AR
experiences.

32
Differences in Augmented Reality and Virtual
reality

33