動畫式使用者介面影響注意力之研究

CCUR > College of Journalism and Mass Communications > Department of Information Communications & Graduate Institute of Information Communications > thesis > Item 987654321/51121

Please use this identifier to cite or link to this item: https://irlib.pccu.edu.tw/handle/987654321/51121

Title:	動畫式使用者介面影響注意力之研究 A Study of Attention on Animated User Interface Design
Authors:	商智昊
Contributors:	資訊傳播學系
Keywords:	動畫眼動使用者介面 Animation User Interface Design Eye-tracking
Date:	2022
Issue Date:	2023-02-22 13:31:52 (UTC+8)
Abstract:	隨著行動與數位網路科技的演進，人機互動的方式也逐漸多元，對於使用者APP介面設計之互動與應用越來越考究。微互動為近年來改善互動的方式，尤其以動畫的回饋方式最為常見，利用動畫的效果，讓使用者操作流暢及能更容易理解、減少心理認知負荷。本研究目的是希望能將迪士尼的動畫法則與使用者介面結合，提高app的介面設計水平，滿足使用者的需要，打造更好的用戶體驗。所以本研究將迪士尼的動畫法則實際應用在單純的介面和實際的介面上，應用眼動追蹤方式來記錄使用者之視線與觀看行為。次要動作和預備動作可以使得使用者的注意力被帶有此動態效果的元件所吸引，並透過這個元件被引導進入下一步，整體提高了app的易用性和流暢性。而誇張效果可以分散使用者的注意力，提高介面的效果，同時給予使用者充足的時間反應介面的下一步。而跟隨動作的效果可以使得主元素的部分結構運動，進一步加強了動態感。透過這些可以得知，把迪士尼動畫法則應用在使用者介面上，確實可以在一定程度上提高介面的設計水平，更受使用者喜愛。 As mobile and digital technologies evolve, the ways in which people and machines interact with each other are becoming more and more diverse, and the design of user APP interfaces and applications are becoming more and more sophisticated. Micro-interactions are the most common way to improve interaction in recent years, especially in the form of animated feedback, which allows users to operate smoothly and understand more easily, reducing the psychological and cognitive load. The aim of this study is to combine Disney's animated approach with user interface to improve the interface design of apps, to meet the needs of users and to create a better user experience. Therefore, this study applies Disney's animation rules to a simple interface and an actual interface, using eye-tracking to record the user's vision and viewing behaviour. Secondary and preparatory movements allow the user's attention to be drawn to the component with the animated effect and to be guided to the next step through this component, improving the overall usability and fluidity of the application. The exaggerated effect distracts the user's attention and enhances the interface while giving the user plenty of time to react to the next step in the interface. The follow-motion effect further enhances the sense of dynamism by making parts of the main elements move. It is clear from this that the application of Disney's animation rules to the user interface can improve the design of the interface to a certain extent and make it more appealing to users.
Appears in Collections:	[Department of Information Communications & Graduate Institute of Information Communications ] thesis

Files in This Item:

File	Description	Size	Format
index.html		0Kb	HTML	99	View/Open

View Licence

Loading...