Minimalistic User Interface Design and Dark Mode Usage in Human-Computer Interaction

10th International Scientific Conference Technics, Informatics and Education – TIE 2024, str. 124-128

АУТОР(И) / AUTHOR(S): Đorđe Damnjanović , Dijana Stojić , Dejan Vujičić , Marina Milošević 

Download Full Pdf  

DOI: 10.46793/TIE24.124D

САЖЕТАК /ABSTRACT:

When it comes to minimalist design and dark mode, these are two very current topics in today’s design, development, and implementation of web and mobile applications. Often heard is the phrase „Less is more,“ which will be explained in detail through this paper, both from a theoretical perspective and with practical examples. Minimalist design has numerous advantages from various perspectives, but it also presents a significant challenge for designers because it requires highlighting everything important in the right way without excessive decoration and too many details. On the other hand, dark mode also presents a challenge, but from a technical standpoint, it has many advantages, as well as from the perspective of user experience. In comparison to lighter themes, it facilitates viewing the screen during the night and contributes to energy savings. In summary, today, minimalism and dark mode, in combination, when creating design software, improve the user interface (UI) and user experience, and enhance application performance in various fields.

КЉУЧНЕ РЕЧИ / KEYWORDS: 

dark mode; human-computer interaction; user experience; user interface; minimalism

ПРОЈЕКАТ / ACKNOWLEDGEMENTS:

This study was supported by the Ministry of Science, Technological Development, and Innovations of the Republic of Serbia, and these results are parts of the Grant No. 451-03-66/2024-03/200132 with University of Kragujevac – Faculty of Technical Sciences Čačak.

ЛИТЕРАТУРА / REFERENCES:

  1. The roots of minimalism in web design, https://www.nngroup.com/articles/roots-minimalism-web-design/, accessed on: April 18th 2024.
  2. Hackos, J.T. (1999). An Application of the Principles of Minimalism to the Design of Human-Computer Interfaces. In: Arend, U., Eberleh, E., Pitschke, K. (eds) Software-Ergonomie ’99. Berichte des German Chapter of the ACM, vol 53. Vieweg+Teubner Verlag, Wiesbaden. https://doi.org/10.1007/978-3-322-99786-9_2
  3. Grant, W. (2018). 101 UX principles: A definitive design guide. Packt Publishing Ltd.
  4. Carroll, J. M., & Van Der Meij, H. (1996). Ten misconceptions about minimalism. IEEE transactions on professional communication, 39(2), 72-86.
  5. Obendorf, H. (2009). Minimalism: designing simplicity. Springer Science & Business Media.
  6. Flat UI, https://flatui.com/wp-content/uploads/2019/03/1c46ef2aa59fc710c58a7a69fe591ca9-1024×683.jpeg, accessed on: April 18th 2024.
  7. ISO 9241-161:2016, Ergonomics of human-system interaction, https://www.iso.org/standard/60476.html, accessed on: April 18th 2024.
  8. Dark mode design: tips for creating dark theme websites and apps, https://99designs.com/blog/web-digital/dark-mode/, accessed on: April 18th 2024.
  9. Pros and Cons of Using Dark Mode in Website Design, https://www.graphicszoo.com/article/pros-and-cons-of-using-dark-mode-in-website-design, accessed on: April 18th 2024.
  10. Spotify, https://open.spotify.com/, accessed on: April 18th 2024.
  11. Figma, https://www.figma.com/, accessed on: April 18th 2024.
  12. Antona, M., & Stephanidis, C. (Eds.). (2020). Universal Access in Human-Computer Interaction. Design Approaches and Supporting Technologies: 14th International Conference, UAHCI 2020, Held as Part of the 22nd HCI International Conference, HCII 2020, Copenhagen, Denmark, July 19–24, 2020, Proceedings, Part I (Vol. 12188). Springer Nature.