This document discusses the concepts of user experience (UX) design in the context of a university course. It covers key topics like UX principles, the difference between usability and UX, Jesse James Garrett's five planes of UX, and examples of UX design elements. Students are assigned group projects to design a basic educational website and test it with children to evaluate the user experience based on understandability, ease of use, and comprehension of content.
What UX is, how it works and why it matters. Train your teams to recognize and strengthen the links between customer experience indicators and your overall business performance. Learn how to work with your customers to design successful products, services and experiences.
"Proof That UI UX Really Works" is a comprehensive exploration of the world of user interface and user experience design. This book not only covers the fundamental principles and processes of UI/UX design but also delves into emerging trends, ethical considerations, and the role of AI in shaping the future of design. Through real-world case studies and practical advice, it equips designers, developers, and product managers with the knowledge and skills to create exceptional user experiences in the digital landscape. Whether you're a seasoned professional or just starting your journey in UI/UX design, this book is your ultimate guide to crafting user-centric digital products that delight and engage users.
What UX is, how it works and why it matters. Train your teams to recognize and strengthen the links between customer experience indicators and your overall business performance. Learn how to work with your customers to design successful products, services and experiences.
"Proof That UI UX Really Works" is a comprehensive exploration of the world of user interface and user experience design. This book not only covers the fundamental principles and processes of UI/UX design but also delves into emerging trends, ethical considerations, and the role of AI in shaping the future of design. Through real-world case studies and practical advice, it equips designers, developers, and product managers with the knowledge and skills to create exceptional user experiences in the digital landscape. Whether you're a seasoned professional or just starting your journey in UI/UX design, this book is your ultimate guide to crafting user-centric digital products that delight and engage users.
Building for People: 5 Practical Tip for Greating Great UXqixingz
If the 20th century is about technology functions, then the 21st century is about technology users. Building useful, usable, and attractive software applications for people is critical to win customers. User Experience (UX) is much more than just UI, it includes all key aspects of application such as performance and availability that you as developers concern. This session will start off with the ROI of great UX and why you should care. Then, 5 practical tips for creating great UX will be shared that you can take home and start improve your software UX right away.
The UX Design Process consists of five key phases: Product Definition, Research, Analysis, Design, and Testing.
For more details, visit : https://mitidinnovation.com/recreation/ux-design-process/
UX is everywhere that's why the UX process is more Important!
Without a solid UX design process, you have a lower chance of creating a product with good UX. A well-defined and well-executed UX process, on the other hand, makes it possible to craft amazing experiences for users.
What makes UX so interestingly vast and a debatable topic for those who have narrow perspective on this or are just beginning to explore the realms? Examples and simple graphs showing the important aspects to consider while designing and misconceptions about UX. Methodologies in a nutshell to help understand the design process.
Feel free to share your comments to improve.
User eXperience (UX) is defined as involving a person's behaviors, attitudes, and emotions about using a particular product, system or service. A company‘s UX strategy can include many activities, such as design thinking, early user experience methods, content strategy, certain types of user and market research, quantitative assessments, process innovation, design patterns, UX organizational structure, and career development. To large technology corporations and companies UX provides an important part of their business, and has a major impact on strategy and decision making. However, the way UX is managed an implemented can vary greatly from company to company.This paper provides an overview of the UX processes used by some of the world‘s leading technology companies and discusses which aspects of those strategies these companies choose to disclose and share in the public sphere
Topics include:
Introduction to user interface
Types of user interface
Graphic user interface definition
History of user interface
Difference between UI and UX
Characteristics of GUI
Advantages and disadvantages
Mobile Center of Excellence is perfect for organizations looking to ensure the long-term success of their mobile strategies and Applications. It’s built to help you create and define the building blocks of a successful Center of Excellence for Mobile.
Mobile UX COE Strategists will work with your team to understand your current state readiness, build a vision for the Mobile Center of Excellence within your organization, and define the requirements for standing up a Mobile COE. Beyond just the components of a Center of Excellence, helps team creates a realistic roadmap for COE creation based on the people, process, and technology maturity within your business
The Role of UX in Product Development
What Is UX?
Who Owns UX?
Barriers to Shared Ownership of UX
Working with Multidisciplinary Teams
Defining Product Goals
Conceptualizing and Communicating Design Solutions
Supporting Your Development Team
What Is the Value of UX?
Acetabularia Information For Class 9 .docxvaibhavrinwa19
Acetabularia acetabulum is a single-celled green alga that in its vegetative state is morphologically differentiated into a basal rhizoid and an axially elongated stalk, which bears whorls of branching hairs. The single diploid nucleus resides in the rhizoid.
Synthetic Fiber Construction in lab .pptxPavel ( NSTU)
Synthetic fiber production is a fascinating and complex field that blends chemistry, engineering, and environmental science. By understanding these aspects, students can gain a comprehensive view of synthetic fiber production, its impact on society and the environment, and the potential for future innovations. Synthetic fibers play a crucial role in modern society, impacting various aspects of daily life, industry, and the environment. ynthetic fibers are integral to modern life, offering a range of benefits from cost-effectiveness and versatility to innovative applications and performance characteristics. While they pose environmental challenges, ongoing research and development aim to create more sustainable and eco-friendly alternatives. Understanding the importance of synthetic fibers helps in appreciating their role in the economy, industry, and daily life, while also emphasizing the need for sustainable practices and innovation.
Building for People: 5 Practical Tip for Greating Great UXqixingz
If the 20th century is about technology functions, then the 21st century is about technology users. Building useful, usable, and attractive software applications for people is critical to win customers. User Experience (UX) is much more than just UI, it includes all key aspects of application such as performance and availability that you as developers concern. This session will start off with the ROI of great UX and why you should care. Then, 5 practical tips for creating great UX will be shared that you can take home and start improve your software UX right away.
The UX Design Process consists of five key phases: Product Definition, Research, Analysis, Design, and Testing.
For more details, visit : https://mitidinnovation.com/recreation/ux-design-process/
UX is everywhere that's why the UX process is more Important!
Without a solid UX design process, you have a lower chance of creating a product with good UX. A well-defined and well-executed UX process, on the other hand, makes it possible to craft amazing experiences for users.
What makes UX so interestingly vast and a debatable topic for those who have narrow perspective on this or are just beginning to explore the realms? Examples and simple graphs showing the important aspects to consider while designing and misconceptions about UX. Methodologies in a nutshell to help understand the design process.
Feel free to share your comments to improve.
User eXperience (UX) is defined as involving a person's behaviors, attitudes, and emotions about using a particular product, system or service. A company‘s UX strategy can include many activities, such as design thinking, early user experience methods, content strategy, certain types of user and market research, quantitative assessments, process innovation, design patterns, UX organizational structure, and career development. To large technology corporations and companies UX provides an important part of their business, and has a major impact on strategy and decision making. However, the way UX is managed an implemented can vary greatly from company to company.This paper provides an overview of the UX processes used by some of the world‘s leading technology companies and discusses which aspects of those strategies these companies choose to disclose and share in the public sphere
Topics include:
Introduction to user interface
Types of user interface
Graphic user interface definition
History of user interface
Difference between UI and UX
Characteristics of GUI
Advantages and disadvantages
Mobile Center of Excellence is perfect for organizations looking to ensure the long-term success of their mobile strategies and Applications. It’s built to help you create and define the building blocks of a successful Center of Excellence for Mobile.
Mobile UX COE Strategists will work with your team to understand your current state readiness, build a vision for the Mobile Center of Excellence within your organization, and define the requirements for standing up a Mobile COE. Beyond just the components of a Center of Excellence, helps team creates a realistic roadmap for COE creation based on the people, process, and technology maturity within your business
The Role of UX in Product Development
What Is UX?
Who Owns UX?
Barriers to Shared Ownership of UX
Working with Multidisciplinary Teams
Defining Product Goals
Conceptualizing and Communicating Design Solutions
Supporting Your Development Team
What Is the Value of UX?
Similar to Konsep-UX-Design-dikonversi 02.pdf (20)
Acetabularia Information For Class 9 .docxvaibhavrinwa19
Acetabularia acetabulum is a single-celled green alga that in its vegetative state is morphologically differentiated into a basal rhizoid and an axially elongated stalk, which bears whorls of branching hairs. The single diploid nucleus resides in the rhizoid.
Synthetic Fiber Construction in lab .pptxPavel ( NSTU)
Synthetic fiber production is a fascinating and complex field that blends chemistry, engineering, and environmental science. By understanding these aspects, students can gain a comprehensive view of synthetic fiber production, its impact on society and the environment, and the potential for future innovations. Synthetic fibers play a crucial role in modern society, impacting various aspects of daily life, industry, and the environment. ynthetic fibers are integral to modern life, offering a range of benefits from cost-effectiveness and versatility to innovative applications and performance characteristics. While they pose environmental challenges, ongoing research and development aim to create more sustainable and eco-friendly alternatives. Understanding the importance of synthetic fibers helps in appreciating their role in the economy, industry, and daily life, while also emphasizing the need for sustainable practices and innovation.
Model Attribute Check Company Auto PropertyCeline George
In Odoo, the multi-company feature allows you to manage multiple companies within a single Odoo database instance. Each company can have its own configurations while still sharing common resources such as products, customers, and suppliers.
Unit 8 - Information and Communication Technology (Paper I).pdfThiyagu K
This slides describes the basic concepts of ICT, basics of Email, Emerging Technology and Digital Initiatives in Education. This presentations aligns with the UGC Paper I syllabus.
Biological screening of herbal drugs: Introduction and Need for
Phyto-Pharmacological Screening, New Strategies for evaluating
Natural Products, In vitro evaluation techniques for Antioxidants, Antimicrobial and Anticancer drugs. In vivo evaluation techniques
for Anti-inflammatory, Antiulcer, Anticancer, Wound healing, Antidiabetic, Hepatoprotective, Cardio protective, Diuretics and
Antifertility, Toxicity studies as per OECD guidelines
4. Materi Kajian
1
Mampu memahami dan
menggunakan Prinsip dasar UI
design
1. Perkenalan dan Kontrak Perkuliahan
2. Overview materi perkuliahan IUXD
3. Review 8 Golden Rules for UI
(Ben Shneidermans)
4. Review General Principle of UI (Galitz)
5. Nielsen 10 Usability Heuristic
2 Mengetahui konsep dasar User
Interaction Design
Konsep dasar Interaction Design
Visibility, Feedback, Limitation,
Consistency, Affordance
Model Conceptual and Perceptual Design
Interaction
3-4
Mengetahui konsep dasar User
Experience Design
Konsep, Strategic dan Principle UX
Goals: Usability vs User Experience
Elemen pengembangan UX design
Process Lifecycle User Experience
Contoh Penerapan desin Web dan Mobile
Pembahasan Studi Kasus UX (Diskusi
Tugas)
5. Buku Referensi?
Rogers, Sharp. Interaction Design: Beyond Human - Computer
Interaction. 3rd Edition.
Jesse James Garrett. The Elements of User Experience: User-
Centered Design for the Web and Beyond, 2nd Edition
https://www.springboard.com/learning-paths/user-experience-design/
6. Ada yang mau
ditanyakan tentang
perkuliahan sebelumnya?
• five (six) Key Interaction Design?
• How to develop Conceptual model?
• Type of Interaction?
• Mental Model?
8. UX Definition?
• UX: a person's perceptions and responses that result
from the use or anticipated use of a product, system or
service (ISO 9241-120)
• User eXperience (UX) is about how a person feels
about using a system. User experience highlights the
experiential, affective, meaningful and valuable aspects
of human-computer interaction (HCI) and product
ownership, but it also covers a person’s perceptions of
the practical aspects such as utility, ease of use and
efficiency of the system.
(DIH3A3)
Implementasi User Experience Design
9. UX Definition?
“All aspects of the end-user’s interaction with the company,
its services, and its products. “
The first requirement for an exemplary user experience is to
meet the exact needs of the customer, without fuss or
bother.
Next comes simplicity and elegance that produce products
that are a joy to own, a joy to use.
True user experience goes far beyond giving customers what
they say they want, or providing checklist features. In order to
achieve high-quality user experience in a company’s offerings
there must be a seamless merging of the services of multiple
disciplines, including engineering, marketing, graphical and
industrial design, and interface design (Nielsen-Norman Group)
(DIH3A3)
Implementasi User Experience Design
10. What is User Experience (UX)?
http://upassoc.org/usability_resources/about_usability/images/vectors.gif
11. UI vs UX ??
(DIH3A3)
Implementasi User Experience Design
12. Usability vs UX ?
Hence, user experience goals differ from the more objective usability goals in
that they are concerned with how users experience an interactive product
from their perspective, rather than assessing how useful or productive a
system is from its own perspective.
(DIH3A3)
Implementasi User Experience Design
13. Berikut adalah beberapa produk interaktif. Menurut
anda, apa yang menjadi Usability Goals inti dan
UX Goals inti untuk masing-masing produk?
1. Mobile device untuk anak-anak sehingga mereka dapat
saling berkomunikasi dan memainkan games collaborative
2. Sistem konferens video dan komputer yang membuat
siswa dapat belajar dari rumah
3. Aplikasi internet yang memungkinkan masyarakat dapat
mengakses medical record masing-masing melalui layar
interaktif
4. Sistem CAD untuk arsitek dan insinyur
5. Komunitas online yang bertujuan untuk memberikan
support kepada orang yang baru ditinggal meninggal oleh
pasangannya
(DIH3A3)
Implementasi User Experience Design
16. Principles UX?
1. User-centered design
design for their
1. Understand your users, and
needs
2. Avoid jargon: use natural language that the user
can understand
3. Provide consistent design
4. Build a conversation with your users
5. Advocate iterative design
6. Conduct regularuser testing
2. Goal directed design
(DIH3A3)
Implementasi User Experience Design
17. Principles UX?
1. User-centered design
2. Goal directed design
1. Based on your user research, create a persona
which highlights the user's goals
2. Use this persona extensively
3. Advocate pair design
4. Take responsibility over your user's satisfaction
(DIH3A3)
Implementasi User Experience Design
18. Diskusi?
• Apa yang anda Pahami tentang UX?
• Apa perbedaan dari istilah berikut ini,
– User Experience
– Interaction Design
– User Interface
– Usability Design
(DIH3A3)
Implementasi User Experience Design
20. 5 Elements of UX?
Jesse James Garrett
1. Surface
2. Skeleton
3. Structure
4. Scope
5. Strategy
(DIH3A3)
Implementasi User Experience Design
21. 5 elements of UX
the strategy plane
The same strategic concerns come into play for both
functionality-oriented products and information-oriented
resources. User needs are the goals for the site that
come from outside our organization specifically from the
people who will use our site. We must understand what
our audience wants from us and how that fits in with
other goals they have.
• Product Objective
• User Needs
(DIH3A3)
Implementasi User Experience Design
22. 5 elements of UX
the scope plane
On the functionality side, the strategy is translated
into scope through the creation of functional
specifications: a detailed description of the “feature set”
of the product. On the information side, scope takes the
form of content requirements: a description of the various
content elements that will be required. Chapter 4 will
cover the scope elements.
• functional specifications
• content requirements
(DIH3A3)
Implementasi User Experience Design
23. 5 elements of UX
the structure plane
The scope is given structure on the functionality
side through interaction design, in which we define how
the system behaves in response to the user. For
information resources, the structure is the information
architecture: the arrangement of content elements to
facilitate human understanding.
• interaction design
• information architecture
(DIH3A3)
Implementasi User Experience Design
24. 5 elements of UX
the skeleton plane
The skeleton plane breaks down into three
components. On both sides, we must
address information design: the
presentation of information in a way that
facilitates understanding. For functionality-
oriented products, the skeleton also
includes interface design, or arranging
interface elements to enable users to
interact with the functionality of the system.
The interface for an information resource is
its navigation design: the set of screen
elements that allow the user to move
through the information architecture.
(DIH3A3)
Implementasi User Experience Design
25. 5 elements of UX
the surface plane
Regardless of whether we
are dealing with a
functionality-oriented
product or an information
resource, our concern here
is the same: the sensory
experience created by the
finished product.
(DIH3A3)
Implementasi User Experience Design
27. Mainan #3 IUXD?
1. Mainan ini dikerjakan berkelompok, maksimal 3 mahasiswa/kelompok
2. Anda diminta mendiskusikan tentang definisi “User Experience” atau “UX
Design”. Tuliskan hasil definisi yang kalian temukan tersebut. Definisi yang
ditulis dan didiskusikan harus diambil (referensi) dari tokoh-tokoh terkenal
dalam dunia UX design atau Interaction design. (temukan minimal 3 definisi
tentang UX)
3. Anda dan kelompok diminta untuk mencari perbedaan antara Usability
dengan User Experience, dalam dunia Design Interaction. Pertimbangkan
perbedaan dari sisi definisi, tujuan/goal, penerapan dan teknik evaluasinya.
4. Jelaskan dan diskusikan dalam kelompok Anda, mengenai “Apa manfaat
atau pentingnya penerapan UX design?”. Berikan contoh pada penjelasan
tersebut jika diperlukan
5. Jelaskan mengenai 5 Element dasar pengembangan UX Design. Jelaskan
difinisinya, lalu berikan opini kelompok, dan tunjukkan contoh kasus
penerapannya. Temukan pada refereni buku yang diberikan diatas.
http://tambunan.staff.telkomuniversity.ac.id/mainan-3-iuxd-basic-user-experience/
(DIH3A3)
Implementasi User Experience Design
28. Quote of the day
(DIH3A3)
Implementasi User Experience Design
29. Diskusi??
• Conceptual Model?
• 5 elements of Interaction?
• How to develop UX model?
(DIH3A3)
Implementasi User Experience Design
30. Tugas Tambahan?
• Silahkan untuk beri kesempatan
mahasiswa mempresentasikan
pemahaman mereka tentang konsep 5
elements of UX.
• Strategi mahasiswa memulai perancangan
UX
• Dikaitkan dengan rencana PA, web-based
atau mobile-based?
(DIH3A3)
Implementasi User Experience Design
31. Tugas
1. Buatlah kelompok 3 orang
2. Buat tampilan sebuah halaman web dengan materi pelajaran Anak SD kelas 4-5
Tahun (bisa menggunakan PHP atau HTML)
3. Buat Ikon sendiri, pilih desain warna dan font sesuai dengan target pengguna.
4. Berisi materi ringan saja
5. Berisi
- Halaman penjelas
- Halaman daftar isi yang terletak dihome
- Isi materi
1. Lakukan pengujian kepada 5 orang anak SD tentang bagaimana mereka
memahami web tersebut.
2. Ketika melakukan pengujian lakukan pengamatan
3. Bagaimana kemudahan mereka memahami tulisan,
4. Bagaimana kemudahan mereka ikon
5. Bagaimana kemudahan mereka menemukan button home
6. Bagaimana kemudahan mereka menemukan daftar isi
7. Bagaimana kemudahan mereka memahami pelajaran (ditanyakan ttg materi yang
ditayangkan).
8. Buat lah laporan pengamatan tersebut dalam file presentasi
