Application of User Interface (UI) and User Experience (UX) in Platform Design

Authors

  • Sukhontip Khamchan School of Information Technology, Eastern Asia University
  • Prapaporn Kullimratchai Office of Academic Affairs, Eastern Asia University

Keywords:

User Interface, User Exprerience, Interaction Design

Abstract

Today’s technology is developing rapidly. This causes organizations or companies to adapt to the changing situations of Digital Transformation. This is a change in concept by applying technology to an organization or business to make it interesting and distinctive. especially the service business group that Users must take into account when choosing a platform to provide services through all types of communication devices. As a result, these businesses must focus on User Interface design--UI and User Experience--UX design. that affects the mood and feel of use, such as choosing the colors in the design, the font, the placement of data, graphics, and buttons that appear on the screen In order for the user to be satisfied and motivated to use the platform, it is necessary to bring knowledge of UX to design the user part of the system and the UI in making Wireframe, which is the drafting of various elements that will appear on the screen of each platform. and therefore brought to create a prototype (prototype) to be designed and tested to achieve the completeness of the screen. Especially in the E-Commerce business group, the food business group. Transportation business group and Startup group, which is a business group that focuses on providing services to users through various platforms. Therefore, it is beneficial for organizations or companies to adopt UI and UX design issues in platform development. It is an essential element for any screen design that needs to be studied from UX through observations, interviews or research. To be able to resolve issues that users or developers, designers deem that the implementation of the platform does not respond to emotions and feelings through user behavior. in the application of UI and UX Developers need to understand the problems that arise between users and how to keep them happy. It has to be solved and the information presented in different platforms is easy to use, such as the placement of platform layouts, typography, images, graphics, use of colors, use of icons and keypads, which can attract a sense of urgency. users to be satisfied and meet the needs of use.

References

Betteruxui.com. (2020). UX/UI. Retrieved from http://betteruxui.com/what-is-ux-ui. (in Thai)

Blockfint.com. (2020). Confusion-between-ux-ui-interaction-design-visual-desgn. Retrieved from https//blockfint.com/blog/confusion-between-ux-ui-interaction-design-visual-desgn. (in Thai)

Blockfint.com. (2021). UX Design vs UI Design vs Interaction Design vs Visual Design. Retrieved from https//blockfint.com/blog/ confusion-between-ux-ui-interaction-design-visual-design. (in Thai)

Chainoi, K. (2020). Basic User Interface. Retrieved from https://www.medium.com/upskill-ux/basicuserInterface. (in Thai)

Chloeserugend04. (2021). It’s not UX if you’re not doing Research. Retrieved from https://en.creativminds.ch/post/it-s-not-ux-if-you-re-not-doing-research-1. (in Thai)

Demeter ICT Co., Ltd. (2022). UX-vs-UI. Retrieved from http://www.dmit.co.th/th/ข่าวสาร/ux-vs-ui/ (in Thai)

Designil.Com. (2021). Wireframe-website-free-download. Retrieved from https://www.designil.com/Wireframe-website-free-download. (in Thai)

Diakunwadee. (2018). UI vs UX. Retrieved from http://www.thaiprogrammer.org/2018/12/ui-vs-ux/. (in Thai)

Iconext Writer. (2021). What UX/UI Design. Retrieved from https://iconext.co.th/th/2021/19/ux-ui-design/ (in Thai)

Iconext Writer. (2021). Wireframe. Retrieved from https://iconext.co.th/th/2021/11/26/wireframe/. (in Thai)

Imsudjai, S. (2022). UX Design. Retrieved from https://www.borntodev.com/2022/01/04/ux-Design. (in Thai)

Interaction-design.org. (2002). User Interface Design. Retrieved from https://www.interaction-design.org/literature/topics/ui-design.

Interaction-design.org. (2002). Interaction Design Process. Retrieved from https://www.interaction-design.org/literature/topics/interaction-design-process.

Iqbal, M. (2020). Reading App. Retrieved from https://www.behance.net/gallery/99338383/Ereader-(reading-app)

Jansorn, T. (2019). User Interface. Retrieved from http://scimooc.bsru.ac.th/file/article/20190905-212259.pdf (in Thai)

JobsDB.com (2020). UX/UI Design. Retrieved from https://th.jobsdb.com/th-th/articles/ux-ui-design/ (in Thai)

Kaewvichit, R. (2019). Awareness and access to BTS SkyTrain application users (Master’s thesis). Bangkok University. Bangkok. https://www.dspace.bu.ac.th/jspui/bitstream/123456789/4073/1/ratchaneporn_kaew.pdf. (in Thai)

Mdsiglobal.com. (2020). UX/UI. Retrieved from http://www.mdsiglobal.com/ux-ui/ (in Thai)

Monmai. (n.d.) UX-UI Design. Retrieved from https://www.monmai.net/ux-ui/?. (in Thai)

Nbdigital Co., Ltd. (2020). UX&UI. Retrieved from https://nbdigital.in.th/article/44/UX-&-UI Designer. (in Thai)

Phupaloy, A. (2020). Figma. Retrieved from https://www.mindphp.com/forums/viewtopic.php?p=203615. (in Thai)

Pruxus.com. (2020). UX Process. Retrieved from https://www.pruxus.com/articles/3-steps todo-ux-that every organization should have. (in Thai)

Puwatai. (2020). Wireframe Design. Retrieved from https://puwatai.medium.com/ wireframe-6f77403702cb

Rachkorn. (2022). Software-review/sketch-figma-adobe-xd. Retrieved from https://thegrowthmaster.com/software-review/sketch-figma-adobe-xd. (in Thai)

Ray Slater Berry. (2021). What is UX Design skills, tools, and advice. Retrieved from https://maze.co/collections/ux-ui-design/what-is-ux/

Sahota, A. (2020). What is UX Design. Retrieved from https://uxplanet.org/what-is-ux-design-bb02fc45aba5. (in Thai)

Stevens, E. (2022). What is User Experience (UX) Design? Everything you need to know. Retrieved from https://careerfoundry.com/en/blog/ux-design/what-is-user-experience-ux-design-everything-you-need-to-know-to-get-started/.

ThaiBusinessSearch.com. (2020). Wireframe. Retrieved from https://www.thaibusinesssearch.com/marketing/wireframe/ (in Thai)

Thai Programmer. (2022). User interface vs User experience. Retrieved from https://www.thaiprogarmmer.org/2018/12/ui-vs-ux (in Thai)

Tutoroui-plus.com. (2020). User interface and user experience. Retrieved from http://tuemaster.com/blog/ui-and-ux. (in Thai)

Tutoroui-plus.com. (2020). The history of UI. Retrieved from http://tuemaster.com/blog/ui-and-ux. (in Thai)

Watcharamanotham, C. (2018). What-is-interaction. Retrieved from http://bkksigchi.acm.org/2018/02/17/what-is-interaction/. (in Thai)

Downloads

Published

2022-07-18

How to Cite

Khamchan, S., & Kullimratchai, P. . (2022). Application of User Interface (UI) and User Experience (UX) in Platform Design. EAU Heritage Journal Science and Technology (Online), 16(2), 63–77. retrieved from https://he01.tci-thaijo.org/index.php/EAUHJSci/article/view/255087

Issue

Section

Academic Articles