Abstract

Usability and accessibility are necessary today as our day-to-day lives depend on technologies and software. Here is where user experience and user interface come into play. We will investigate how they function and how to take advantage of them. When developing websites and apps, user interface design (UI design) and user experience design (UX design) are the fundamental components that make a product user-friendly and approachable. However, UI and UX design is not restricted to producing applications and websites; it is also necessary for designing computers, household appliances, and other electronic devices. If you already work in the technology or digital business, you may be familiar with user experience (UX) and user interface (UI). You may have even heard the phrases in passing while strolling through the streets of one of the world’s major IT hubs. However, as we will see in the next section, they are not the same, although they are often used interchangeably or jointly. They are, nevertheless, both essential components to the achievement of the other’s goals. There are 5 chapters in all in this book. The section’s primary topic is the explanation of the Design Principles and the Introduction to Setting the Stage for UI/UX in Section 1. It explains the distinctions between traditional design and the new approach, which covers the incredible efforts that a wide variety has made by designers worldwide. Section 2, “Planning”, is broken down into “Knowing the Users.” One of the most difficult challenges is determining who the end customers will be, but every company needs to do so in order to create designs that will be successful. Section 3 covers the Methods of Effective User Experience Design Approaches, which explain how to comprehend the factors contributing to successful designs. An incredible amount of work went into developing a novel strategy for implementing the different strategies. Section 4 provides further insight into subsequent Growth Designs and the Fusion of Business and UI/UX. The focus of Section 5 is on optimising the user experience via the use of processes and techniques. The objective of the authors is to provide a concise explanation of the fundamentals and rudimentary approach of UI/UX design to the academic community in order for them to comprehend the contemporary approaches and the significance of UI/UX design to the upcoming learners in order to establish the seriousness and involvement in making any novel design that is aimed towards the community with the utmost usefulness and the right approach for creating a viable product and services that are promising for the humanity as a whole.

Keywords:

UX/UI, Design Principles, Planning, Techniques, Growth Designs, Design Optimisation

 

BIBLIOGRAPHY & REFERENCES

 

Alam, T., Hamid, M. M., & Rabbi, M. F. (2019, October). An approach to design and develop UX/UI for smartphone applications of minority ethnic group. In TENCON 2019-2019 IEEE Region 10 Conference (TENCON) (pp. 1357-1362). IEEE.

Bilousova, L. I., Gryzun, L. E., & Zhytienova, N. V. (2021). Fundamentals of UI/UX design as a component of the pre-service specialist’s curriculum. In SHS Web of Conferences (Vol. 104, p. 02015). EDP Sciences.

Buley, L. (2013). The user experience team of one: A research and design survival guide. Rosenfeld Media.

Cabrera, J. (2017). Modular design frameworks: A projects-based guide for UI/UX designers. Apress.

Cantuni, R. (2020), UI Design. In Designing Digital Products for Kids (pp. 147-204). Apress, Berkeley, CA.

Canziba, E. (2018). Hands-On UX Design for Developers: Design, prototype, and implement compelling user experiences from scratch. Packt Publishing Ltd.

Ferreira, A. (2016). Universal UX design: Building multicultural user experience.

Morgan Kaufmann. Gothelf, J. (2013). Lean UX: Applying lean principles to improve user experience. ” O’Reilly Media, Inc.”

Hartson, R., & Pyla, P. S. (2012). The UX Book: Process and guidelines for ensuring a quality user experience.
Elsevier. Joo, H. (2017). A study on understanding of UI and UX, and understanding of design according to user interface change. International Journal of Applied Engineering Research, 12(20), 9931-9935.

Khast, P. (2017). UX/UI Design Process for a Peer-to-Peer Financial Platform.

Kompaniets, V., Lyz, A., & Kazanskaya, A. (2020, October). An Empirical Study of Goal Setting in UX/UI-design. In 2020 IEEE 14th International Conference on Application of Information and Communication Technologies (AICT) (pp. 1-5). IEEE.

Madathil, K. C. (2016). Book Review: Cross-Cultural Human-Computer Interaction and User Experience Design: A Semiotic Perspective.

Maioli, L. (2018). Fixing Bad UX Designs: Master proven approaches, tools, and techniques to make your user experience great again. Packt Publishing Ltd.

Nagel, W. (2015). Multiscreen UX design: developing for a multitude of devices. Morgan Kaufmann. Nagel, W. (2015). Multiscreen UX design: developing for a multitude of devices.

Morgan Kaufmann. Ritter, M., & Winterbottom, C. (2017). UX for the Web: Build websites for user experience and usability. Packt Publishing Ltd.

Song, J. Y. (2021). A Study on the Special Characters as UX/UI Icon Design Elements. Journal of Digital Convergence, 19(5), 397-405.

St. Pierre, R. (2012). The UX book, process, and guidelines for ensuring a quality user experience by Rex Hartson and Pardha S. Pyla. ACM SIGSOFT Software Engineering Notes, 37(5), 43-44.

Sushra, T., Iyengar, N., Shah, M., & Kshirsagar, A. (2022). Judging a book by its cover: significance of UX design in gamification and computing systems. Iran Journal of Computer Science, 1-10.

Treder, M. (2013). UX Design for startups. UXPin, Mountain View, CA.

 

WEBLIOGRAPHY
What are the industry standards for call centre metrics? (2022, January 18). Call Centre Helper. https://www.callcentrehelper.com/industry-standards-metrics-125584.htm

Nomensa | User experience – the way forward for web development? (n.d.). Strategic UX Agency | Bristol, London and Amsterdam | Nomensa. https://www.nomensa.com/blog/user-experience-a-new-buzz-word-or-the-way-forward

The power of Prototyping in user experience design. (2021, September 21). The New Stack. https://thenewstack.io/the-power-of-prototyping-in-user-experience-design/

Wang, M. (2017, October 18). The product designer’s guide to growth. Medium. https://medium.com/evernote-design/the-product-designers-guide-to-growth-8e27f9a71984

Batchu, V. (2018, March 26). 10 tips on how to conduct a perfect heuristic evaluation. Medium. https://medium.muz.li/10-tips-on-how-to-conduct-a-perfect-heuristic-evaluation-ae5f8f4b3257

Duckmanton, D. (2019, February 25). Why UX and UI should remain separate. Medium. https://uxdesign.cc/why-ux-and-ui-should-remain-separate-7d6e3addb46f

FutureLearn. (2021, July 9). An introduction to UX and UI. https://www.futurelearn.com/info/blog/introduction-to-ux-ui

 

PHOTO CREDITS
Image creators & URL.
(CC BY) 1. Daryl Duckmanton (2019)
2. Ariel Waldman, on Interaction Design/ Rachel Ilan (2020)
3. F. Cifaldi, Gamsutra & Nintendo (2012).
4. Norman, Donald A., “Knowledge in the Head and the World”. The Design of Everyday Things. New York: Basic Book, 1988.
5. https://www.interaction-design.org/
6. Kyle May (2012), Endless Battle
7. https://en.chessbase.com/
8. Janne M (2018) Tools are just tools.
9. https://code.tutsplus.com/tutorials/chrome-dev-tools-markup-and-style–net-27149
10. Designerrs Academy (2020) https://medium.com/. A Typical Wireframe for Mobile and Web Application Design
11. https://www.manypixels.co/ 12. https://medium.muz.li/

Download Sample Pages

 

How to cite this Book: 

APA:
Rajesh.P, Selvadurai.M, Saranya Selvamani.V, Chandrasekar.P(2022). Fundamentals of UX/UI (An Approach to Design Principles) (1st ed., pp. 1-162). Jupiter Publications consortium,ISBN:978-93-91303-38-9, DOI: https://doi.org/10.47715/JPC.B.87.2022.9789391303389