DESAIN UI/UX: BUKAN CUMA FITUR, TAPI RASA

Penulis

Mohammad Wildan Habibi, Hamdi Ahnaf Aswana, Refiansyah Galuh Ridha Pratama, Achileus Danatha Bhramantyo, Reza Choirudin Divansya, Fadhea Salfinabila Arianti, Fiby Anggita Ayu Wulandari, Nandana Ardhani.

Kata Kunci:

DESAIN UI/UX, USER INTERFACE

Sinopsis

Buku berjudul “DESAIN UI/UX(BUKAN CUMAN FITUR, TAPI RASA” ini akan membahas berbagai prinsip dan teknik dalam merancang antarmuka pengguna (UI) dan pengalaman pengguna (UX). Modul ini mencakup dasar-dasar desain grafis, tipografi, warna, dan ikonografi, serta penerapan prinsip-prinsip penting seperti visibilitas status sistem, kesesuaian antara sistem dan dunia nyata, kontrol dan kebebasan pengguna, dan konsistensi desain. Buku ini juga membahas konsep Web User Interface (Web UI) yang krusial dalam pengembangan produk digital saat ini, serta studi kasus yang mengilustrasikan penerapan teori dalam proyek nyata. Pembaca akan diajak memahami bagaimana desain yang baik dapat meningkatkan efektivitas, kenyamanan, dan kepuasan pengguna, serta mengoptimalkan performa sistem. Kehadiran buku ini diharapkan memberikan wawasan yang komprehensif dalam merancang produk digital yang efektif dan user-friendly.

Bab

  • KATA PENGANTAR
  • DAFTAR ISI
  • SEJARAH DAN EVOLUSI UI/UX
  • 01 SUPER POWER DESAIN: DASAR UI/UX YANG BIKIN SISTEM JADI KEREN!
  • 02 PRINSIP-PRINSIP FUNDAMENTAL DESAIN UI/UX
  • 03 KARAKTERISTIK GRAFIS DAN WEB UI
  • 03 KARAKTERISTIK GRAFIS DAN WEB UI
  • 04 DASAR-DASAR DESAIN
  • 05 PROSES DESAIN
  • 06 SISTEM NAVIGASI DAN DESAIN MENU
  • 07 PROTOTYPING MERANCANG MASA DEPAN DIGITAL MELALUI MODEL KERJA
  • 08 HUKUM USER EXPERIENCE / UX LAWS
  • 09 STUDI KASUS DESAIN ANTARMUKA
  • 10 MASALAH DESAIN
  • DAFTAR PUSTAKA
  • PROFIL PENULIS

Unduhan

Data unduhan belum tersedia.

Referensi

Apple Inc. (n.d.). Human Interface Guidelines. https://developer. apple.com/design/human-interface-guidelines/

Avocode. (n.d.). Avocode: Design handoff tool. https://avocode. com/

BlackBerry Limited. (2000–2007). BlackBerry smartphones. Research In Motion.

Buxton, B. (2007). Sketching user experiences: Getting the design right and the right design. Morgan Kaufmann.

Cairo, A. (2016). The truthful art: Data, charts, and maps for communication. New Riders.

Carroll, J. M. (2014). The psychology of technical communication. Routledge.

Cegielski, C. G., Prince, E. K., & Rainer, R. K. (2013). Introduction to Information Systems: Supporting and Transforming Business (5th ed.). John Wiley & Sons.

Cooper, A., Reimann, R., Cronin, D., & Noessel, C. (2014). About face: The essentials of interaction design (4th ed.). Wiley.

Dam, R. F., & Siang, T. Y. (n.d.). The 5 stages in the Design Thinking process. Interaction Design Foundation. https://www. interaction-design.org/literature/article/5-stages-in-thedesign-thinking-process

Disney, W. (1966). Imagineering: The art and science of creating Disney experiences. Walt Disney Company.

Dix, A., Finlay, J., Abowd, G. D., & Beale, R. (2003). Human-Computer Interaction (3rd ed.). Pearson Education Limited.

Doherty, W. J., & Thadani, A. J. (1982). The economic value of rapid response time. IBM.

Dragon Systems. (1997). Dragon NaturallySpeaking. Dragon Systems Inc.

Dreyfuss, H. (1955). Designing for people. Simon & Schuster.

Fitts, P. M. (1954). The information capacity of the human motor system in controlling the amplitude of movement. Journal of Experimental Psychology, 47(6), 381–391.

Figma, Inc. (n.d.). Figma: The collaborative interface design tool. https://www.figma.com

FigJam. (n.d.). FigJam by Figma. https://www.figma.com/figjam/

Garrett, J. J. (2011). The elements of user experience: User-centered design for the web and beyond (2nd ed.). New Riders.

Gladkiy, S. (2018, June 14). User-Centered Design: Process and Benefits. UX Planet. https://uxplanet.org/user-centereddesign-process-and-benefits-fd9e431eb5a9

Google. (2014). Material Design. https://material.io/design

Gothelf, J., & Seiden, J. (2016). Lean UX: Designing Great Products with Agile Teams (2nd ed.). O’Reilly Media.

Health Insurance Portability and Accountability Act (HIPAA). (1996). Privacy Rule. U.S. Department of Health & Human Services.

Hick, W. E. (1952). On the rate of gain of information. Quarterly Journal of Experimental Psychology, 4(1), 11–26.

Hyman, R. (1953). Stimulus information as a determinant of reaction time. Journal of Experimental Psychology, 45(3), 188–196.

IDEO. (n.d.). Design thinking methodology. https://www.ideo.com/

Interaction Design Foundation. (n.d.). User Centered Design (UCD).

https://www.interaction-

design.org/literature/topics/user-centered-design

Jira Software. (n.d.). Jira: Project management tool. Atlassian.

https://www.atlassian.com/software/jira

Kahneman, D., Fredrickson, B. L., Schreiber, C. A., & Redelmeier, D. A. (1993). When more pain is preferred to less: Adding a better end. Psychological Science, 4(6), 401–405.

https://doi.org/10.1111/j.1467-9280.1993.tb00589.x

Kean, S. (2020). 20 Laws of UX Explained (Discussed in Indonesia). Medium. https://keanshihab.medium.com/20-law-of-uxexplained-discussed-in-indonesia-4e71cd20bc5e

Koffka, K. (1935). Principles of Gestalt psychology. Harcourt, Brace.

Krug, S. (2014). Don't make me think, revisited: A common sense approach to web usability (3rd ed.). New Riders.

Miller, G. A. (1956). The magical number seven, plus or minus two: Some limits on our capacity for processing information. Psychological Review, 63(2), 81–97. https://doi.org/ 10.1037/h0043158

Miro. (n.d.). Miro: Online collaborative whiteboard. https://miro.com/

Morville, P., & Rosenfeld, L. (2006). Information architecture for the World Wide Web. O’Reilly Media.

Nabila, N. F. (2025). Aesthetic-Usability Effect: Kunci Menyatukan Keindahan dan Fungsi dalam UX. Medium. https://medium.

com/@nabilanf113/aesthetic-usability-effect-kuncimenyatukan-keindahan-dan-fungsi-dalam-uxf3adc5d6096e

Nielsen, J. (1994). Usability engineering. Morgan Kaufmann.

Nielsen, J. (2000). Jakob's Law of Internet User Experience. Nielsen Norman Group.

Nielsen Norman Group. (2020). Hamburger menus and navigation design. https://www.nngroup.com/articles/hamburgermenus/

Norman, D. A. (2013). The design of everyday things (Revised and expanded ed.). MIT Press.

Parkinson, C. N. (1955). Parkinson's Law. The Economist.

Preece, J., Rogers, Y., & Sharp, H. (2015). Interaction design: Beyond human-computer interaction (4th ed.). John Wiley & Sons.

Quark, Inc. (1990–2000). QuarkXPress. Quark.

Redish, J. C. (2012). Letting go of the words: Writing web content that works (2nd ed.). Morgan Kaufmann.

Rubin, J., & Chisnell, D. (2008). Handbook of usability testing: How to plan, design, and conduct effective tests (2nd ed.). Wiley.

Saffer, D. (2010). Designing for interaction: Creating smart applications and clever devices (2nd ed.). New Riders.

Shneiderman, B., Plaisant, C., Cohen, M., Jacobs, S., & Elmqvist, N. (2017). Designing the user interface: Strategies for effective human–computer interaction. Pearson.

Shikhrakar, S. (2019). 80-20 rule in design. UX360 Design. https://ux360.design/80-20-rule-design/

Tidwell, J. (2010). Designing interfaces: Patterns for effective interaction design. O’Reilly Media.

Tullis, T., & Albert, W. (2013). Measuring the user experience: Collecting, analyzing, and presenting UX metrics (2nd ed.). Morgan Kaufmann.

Ulrich, K. T., & Eppinger, S. D. (2015). Product design and development (6th ed.). McGraw-Hill Education.

Von Restorff, H. (1933). Über die Wirkung von Bereichsbildungen im Spurenfeld. Psychologische Forschung, 18(1), 299–342.

Ware, C. (2013). Information visualization: Perception for design (3rd ed.). Morgan Kaufmann.

Warfel, T. Z. (2009). Prototyping: A practitioner's guide. Rosenfeld Media.

Williams, J. M., & Colomb, G. G. (2010). Style: Toward clarity and grace. University of Chicago Press.

Zeigarnik, B. (1927). Das Behalten erledigter und unerledigter Handlungen. Psychologische Forschung, 9, 1–85.

Zeplin. (n.d.). Zeplin: Design handoff and collaboration.

https://zeplin.io/

DESAIN UI/UX: BUKAN CUMA FITUR, TAPI RASA

Diterbitkan

1 Januari 2026

Detail format terbitan yang tersedia: PREVIEW

PREVIEW

ISBN-13 (15)

978-634-278-014-5

Dimensi Fisik

Cara Mengutip