近年來隨著工業4.0逐漸崛起，各個產業開始發展人聯網的可能性，因此工作便不限制於時間以及地理的位置條件，人們只需要透過行動裝置便可以隨時隨地的掌握公司情報、上傳即時資訊至雲端，因此在行動裝置以及網路的協助下便能使人更有效率的來擔任自主智慧化系統中的管理者。而ERP系統在這些變革當中，佔了非常重要的地位，過往工作人員操作ERP系統都習慣於桌上型電腦前，但隨著行動裝置的發展，ERP系統也必須發展出行動版本，使ERP的資訊更具有機動性，因此為將ERP系統從桌機端發展至行動端，自適應網頁設計將會是一個考量的方式，本研究採用Mobile First的概念，率先以兩功能，儀表板以及存貨系統為情境進行ERP系統之行動端介面設計。然而不良的介面設計將會導致使用者在搜尋及瀏覽的情況感到煩躁，而ERP系統多為公事使用，因而浮現介面設計與心智負荷程度的問題探討。因此本研究採用二因子重複實驗設計，透過10位受測者，進行2種情境下不同介面設計的任務測試與客觀生理數據所得之心智負荷以及主觀的優始性評量。研究的結果發現，進行儀表板任務時網格式的設計較符合使用者的喜好，績效表現也是最好的；進行存貨管理任務時，單欄式的介面設計方式不需要進入第二層，就能直接在頁面上瀏覽每一則內容，因此在主觀評量上的表現最好，也發現當介面所提供的資訊量較多時，使用者在生理數據表現的心智負荷會比較低，表示在介面中提供的資訊越多，則越不需要占用到使用者的短暫記憶負載量，因此心智負荷也相對的低。而在本研究最後也驗證出網頁偏好量表在信度以及效度的表現都相當優良。本研究的結果、評量方式未來可以提供給手機版網頁設計師參考。

In recent years, the gradual development of industry 4.0 cause many industries to start finding the way to develop Internet of People, so time and location would not limit working. With mobile device, each employee can receive and send information immediately, thus making human more efficient when serving as managers in the autonomous system. In these changes, a company’s way to improve ERP system is important. ERP system records many information about company. However, in the past, people are used to observe the report of ERP system on the desktop. With the development of mobile devices, ERP system should be installed on one to let people can read the report any time. RWD (Responsive Web Design) is a method to simplify the development of website. This study will use “Mobile First” the method of RWD to design the layout of ERP system on the mobile device. This study discusses how the arrangement of information on the mobile interface can make people focus on tasks. Unsuitable layouts would cause discomfort and influence the performance during completion of tasks. This study designs an experiment to find a suitable layout.
The experiment of this study applied two factorial design, by employing information searching and browsing task and measuring physiological data. There are 10 participants in this experiment. The result shows users prefer grid layout and perform better in that layout in the searching task. Users prefer single row layout in the browsing task as it can make users stay at first layer and browse each content in detail. In this experiment of this study shows the result that mental load is lower when the more information is provided in the interface. This study also gets the validation of the WSPS (website preferences scale) in the reliability and validity of the performance. The result of this study could provide some principles for the interface designers in the future.

Bangor, A., Kortum, P., & Miller, J. (2009). Determining what individual SUS scores mean: Adding an adjective rating scale. Journal of usability studies, 4(3), 114-123.
Boucsein, W. (2012). Electrodermal activity: Springer Science & Business Media.
Brooke, J. (1986). SUS-A quick and dirty usability scale. Usability evaluation in industry, 189(194), 4-7.
Brunner-Sperdin, A., Scholl-Grissemann, U. S., & Stokburger-Sauer, N. E. (2014). The relevance of holistic website perception. How sense-making and exploration cues guide consumers' emotions and behaviors. Journal of Business Research, 67(12), 2515-2522.
Camm, A John, Marek Malik, JT Bigger, Günter Breithardt, Sergio Cerutti, Richard J Cohen, Philippe Coumel, et al. (1996). Heart rate variability: standards of measurement, physiological interpretation and clinical use. Task Force of the European Society of Cardiology and the North American Society of Pacing and Electrophysiology. Circulation, 93(5), 1043-1065.
Cinaz, B., La Marca, R., Arnrich, B., & Tröster, G. (2010). Monitoring of mental workload levels. Paper presented at the Proceedings of IADIS eHealth conference.
Eldesouky, D. F. B. (2013). Visual hierarchy and mind motion in advertising design. Journal of Arts and Humanities, 2(2), 148.
Garrett, J. J. (2010). Elements of user experience, the: user-centered design for the web and beyond: Pearson Education.
Gilbert, E., Bakhshi, S., Chang, S., & Terveen, L. (2013). I need to try this?: a statistical overview of pinterest. Paper presented at the Proceedings of the SIGCHI conference on human factors in computing systems.
Hoffman, D. L., & Novak, T. P. (1996). Marketing in hypermedia computer-mediated environments: Conceptual foundations. The Journal of Marketing, 50-68.
Kadlec, T. (2012). Implementing Responsive Design: Building sites for an anywhere, everywhere web: New Riders.
Khalfa, S., Isabelle, P., Jean-Pierre, B., & Manon, R. (2002). Event-related skin conductance responses to musical emotions in humans. Neuroscience letters, 328(2), 145-149.
Khazan, I. Z. (2013). The clinical handbook of biofeedback: A step-by-step guide for training and practice with mindfulness: John Wiley & Sons.
Lehrer, P. M. (2007). Biofeedback training to increase heart rate variability. Principles and practice of stress management, 3, 227-248.
Marcotte, E. (2010). Responsive web design: Editions Eyrolles.
Marcotte, E. (2014). Framework. Retrieved from https://alistapart.com/article/frameworks
Nielsen, J., & Budiu, R. (2013). Mobile usability: MITP-Verlags GmbH & Co. KG.
Podjarny, G. (2014). Guy’s pod-RWD Ratio in Top 100,000 websites refined. Retrieved from
Rosen, D. E., & Purinton, E. (2004). Website design: Viewing the web as a cognitive landscape. Journal of Business Research, 57(7), 787-794.
Ross, A. (2016). The Industries of the Future: Simon & Schuster.
Shi, Y., Ruiz, N., Taib, R., Choi, E., & Chen, F. (2007). Galvanic skin response (GSR) as an index of cognitive load. Paper presented at the CHI'07 extended abstracts on Human factors in computing systems.
Shrestha, S. (2007). Mobile web browsing: usability study. Paper presented at the Proceedings of the 4th international conference on mobile technology, applications, and systems and the 1st international symposium on Computer human interaction in mobile technology.
Warsi, A. (2011). 7 usability guidelines for websites on mobile devices. Retrieved from https://www.webcredible.com/blog/7-usability-guidelines-websites-mobile-devices/