【正文】 杭州電子科技大學(xué) 畢業(yè)設(shè)計（論文）外文文獻翻譯 畢業(yè)設(shè)計（論文）題目 智能可視化通訊產(chǎn)品工業(yè)設(shè)計 翻譯（ 1）題目 移動應(yīng)用的用戶界面設(shè)計模式 翻譯（ 2）題目 探索老年人的手機界面設(shè)計 學(xué) 院 計算機學(xué)院 專 業(yè) 數(shù)字媒體技術(shù) 姓 名 班 級 學(xué) 號 指導(dǎo)教師 移動應(yīng)用的用戶界面設(shè)計模式 Erik G. Nilsson SINTEF ICT, Postboks 124, Blindern, N0314 Oslo, Norway – 摘要： 在本文中，我們目前針對移動應(yīng)用的用戶界面設(shè)計模式的集合。在收集的模式是分成的問題，進一步分為三個主要問題領(lǐng)域的地區(qū)設(shè)置。經(jīng)過預(yù)先發(fā)送這個問題的結(jié)構(gòu)，我們目前在一些細節(jié)上發(fā)現(xiàn)了一些模式。然后，我們目前從一些有關(guān)的研究結(jié)果驗證模式集合。該驗證表明，兩種模式的集合和個人模式和混合背景的可用性專業(yè)人士的相關(guān)有用。最后，我們討論了使用記錄設(shè)計知識，相關(guān)的工作和今后的研究的一個模式格式的利弊。 介紹 在本影 和 FLAMINCO項目中，我們已經(jīng)開發(fā)了一套設(shè)計準則，以幫助發(fā)展中國家更多的用戶友好的應(yīng)用程序在移動設(shè)備（掌上電腦 /智能手機），如何解決移動設(shè)備的用戶界面設(shè)計時出現(xiàn)的各種問題給予實際的意見。這些準則設(shè)計的主要部分是 (參見文獻 [5])(模式集合 式的集合。每個問題提出了關(guān)于設(shè)計模式的格式 (參見文獻 [4])。模式集合在處理問題的 “來源 ”是本影和 FLAMINCO項目的重新要求引出的階段，并實踐光學(xué)經(jīng)驗，在開發(fā)和利用項目的合作伙 伴之間的移動應(yīng)用中發(fā)現(xiàn)的問題。 主要問題領(lǐng)域 設(shè)計模式的指導(dǎo)方針是按照給定的結(jié)構(gòu)在模式集合中提出來的。在頂層，他們被分成三個主要的問題領(lǐng)域。在這三個主要問題的每 2個問題里，少數(shù)問題領(lǐng)域是被定義的。在每個這些問題的地方，一部分問題是不確定的。 如表 1所示，在表列出了一些確定的 26個問題，與他們連接問題領(lǐng)域（用戶界面設(shè)計模式）。 表 1 用戶界面設(shè)計模式和問題領(lǐng)域的連接 主要問題領(lǐng)域 問題區(qū)域 個人問題 /界面設(shè)計模式 屏幕空間的利用 一般的屏幕空間 提出元素列表 原則和機制的分組信息 機制包裝信息 用戶界面的靈活應(yīng)用 處理對話框當軟件鍵盤顯示 /隱藏 支持肖像和風(fēng)景模式之間切換 不同屏幕尺寸設(shè)備的用戶界面 互動機制 處理輸入 輸入文字的機制 輸入數(shù)字數(shù)據(jù)的機制 多態(tài)模式輸入 不使用麥粒腫 LUS 不使用 LUS的應(yīng)用程序交互 在不使用鍵盤的情況下檢索數(shù)據(jù)庫數(shù)據(jù) 大型物體設(shè)計 準則 自動產(chǎn)生的標準特點 結(jié)合品牌，美學(xué)，和屏幕空間 難以了解的方面 在同步過程中的用戶交互 長期業(yè)務(wù)的用戶交互 背景 在沒有鍵盤的 PDA，一個共同的解決辦法是輸入文字顯示軟件鍵盤上，用戶可以在使用 EN TER文 本手寫筆在屏幕的底部。這個區(qū)域可能已經(jīng)被應(yīng)用程序使用，從而減少其 “正常 ”的互動空間。 問題 主要的問題是如何調(diào)整對話框以避免部分對話框暗藏。這個問題主要取決于用戶界面的類型和風(fēng)格。以 UI為基礎(chǔ)的形式是最有挑戰(zhàn)性的，而對于含有任意添加或調(diào)整滾動條的文本或視覺演示的 UI通常是足夠的的。處理選項卡上的文件夾和被放置在屏幕底部的按鈕也是一個挑戰(zhàn)。 解決方案 當鍵盤出現(xiàn)時，最簡單的方法是調(diào)整或添加滾動條。在這個前提下給出的其他解決方案都是需要通過添加，減少或刪除滾動條的方法來解決。 在某些情況下它是可以讓鍵盤覆蓋部分 UI。這個方案不好的一面是他依賴于被鍵盤擋住的部分屏幕。如果這個部分在被輸出領(lǐng)域占用，只要鍵盤不被使用，這個解決方案是可以精確執(zhí)行的。如果這個屏幕的一部分包含了重要的輸入欄位或選項卡上的文件夾，此時，這個解決方案是不起作用的。 另一種簡單的，但很少非常實用的解決方案是只使用不被鍵盤覆蓋的一部分屏幕。在實現(xiàn)過程中，這個方案主要是減少屏幕的大小，并且比較適合對話框而不是windows系統(tǒng)。 一個更先進，但仍然相當容易實現(xiàn)的解決方案是使用的一個大的 UI控件作為緩沖區(qū)。當鍵盤增加一個時，其中一個空間就會急劇減少使之 調(diào)整并與鍵盤尺寸一樣小?？墒褂玫目丶饕橇斜砜蚝投辔谋究颉? 另一種相當簡單的解決方案有兩個變種的用戶界面，一個是使用所有的屏幕空 間，一個是使騰出空間給鍵盤。主要劣勢是當用戶界面的變化時，用戶可能會混淆，為此而增加了工作量。 兩個或兩個以上的大型 UI控件通過共享大量減少的尺寸用于緩沖池的解決方案使之應(yīng)用。通常來說，這個解決方案在 UI中的控件的動態(tài)調(diào)整大小。這可能是使用兩種不同的方法來完成。首先是決定為每個窗口的大小調(diào)整規(guī)則和申請，每個窗口定制的代碼。二是所有的 Windows有一個總體布局增加調(diào)整的算法。 驗 證 2022年在一天半的人機交互國際會議里展示了所有模式的教程。在本教程中，提出了結(jié)構(gòu)模式集合，所有的模式是在一個非常簡短的的水平。然而，在 26個里面，有12是提出了更多的細節(jié)。在演示過程中，參與折填寫了一份問卷。他們給主要問題領(lǐng)域的相關(guān)性和實用性，以及對未來使用模式集合的期望值打分。在從 1（最低）到 6（最高）范圍里對相關(guān)性，實用性和希望值打分。 在 29個參與教程問卷調(diào)查的參與者里，是年齡為 25~50的男性，大多數(shù)為 30歲左右。一大部分來自亞洲，其余是歐洲和美國的。大多數(shù)是大師級別的，其余是本科和博士學(xué)歷的 。教育背景的不同區(qū)別于技術(shù)和非技術(shù)的不同。 UI開發(fā)范圍從 0到 12年，大多數(shù)人只有 5年及以下的經(jīng)驗。開發(fā)范圍從 0到 6年的移動解決方案的經(jīng)驗，多數(shù)有 2年以下經(jīng)驗。 結(jié)論 主要問題領(lǐng)域的分數(shù)顯示可利用屏幕的空間的相關(guān)系數(shù)的平均值為 ，互動機制為 ，設(shè)計的最大值為 。分數(shù)模式集合，如顯示平均得分 ，以及實用性和未來使用 。所有這些成績驗證模式的集合，解決有關(guān)問題，并就如何解決這些問題的有益和實用的意見。在提出更詳細的個人模式的分數(shù)，分數(shù)各不相同位，但仍然相當高。下面圖 1顯示為 12模式的相關(guān)性和實用性的平均分數(shù)，降分數(shù)的相關(guān)性進行排序。 圖 1 針對性和實用性的平均分數(shù) 至于這種模式集合，相關(guān)的平均分數(shù)高于實用性相應(yīng)的分數(shù)。這并不奇怪，因為它是通常更容易同意與一個比一個建議的解決方案問題描述。雖然所有，但平均實用性分數(shù)上規(guī)模的上半部分，模式的實用性分數(shù)最低，得分之間的相關(guān)性和實用性的分數(shù)的不同差異，最高的模式，為進一步開展工作的候選人。它也可能注意到，相關(guān)分析顯示，在 12個問題中有 7個的針對性和實用性的分數(shù)在 ，在其他 5個里面 有2個在 。此外，模式的集合相關(guān)性和實用性的分數(shù)維持在 。 用戶使用模式的文件格式和設(shè)計知識 所選擇的圖案格式是在許多方面非常適合文件的用戶界面設(shè)計方面的知識，因為它抓住了問題的重要方面。此外，由于設(shè)計模式可能會在不同的抽象層次，他們可以被用來描述不同的 “大小 ”的問題。此外，劃分成定義良好的問題的數(shù)量有限的問題領(lǐng)域，使得它可以處理單獨設(shè)置一個管理的問題。最后，有一個模式的集合，使人們有可能結(jié)合起來，剛才提到的 “分而治之 ”的原則，具有良好的整體結(jié)構(gòu)。 我們不得不使用的模式格式的最大挑戰(zhàn)是 連接之間的問題和解決方案。很多時候，這是很多很多的連接。 提出了相同或非常相似的解決了一些問題，要么會導(dǎo)致大量的交叉引用或大量的重復(fù)。我們選擇使用交叉引用，正在收集到的其他模式進行(參見文獻 [2])。目前，我們正在考慮重組模式的集合，使每個圖案代表一個解決方案或一個問題和一個解決方案中的一個獨特的組合。這兩種方法將減少交叉引用的需要，但都將增加模式的數(shù)量，從而使之更難以得到一個模式的集合的概述。 相關(guān)工作 有一個模式的集合，甚至在網(wǎng)絡(luò)上的模式的集合 ， 見 (參見文獻 [1])等收藏品的評估。也有幾個收藏，如設(shè)計模 式的 Wiki和小彈簧的移動用戶界面設(shè)計模式，為移動用 戶界面模式。后者與我們的兩個主要問題領(lǐng)域的重疊，但組織問題，而我們的集合，這個集合是由解決方案的組織。 (參見文獻 [8])的模式，雖然在注重移動的互動，在其范圍內(nèi)更廣泛的比我們的集合，只有兩個用戶界面模式。 (參見文獻 [2][3])提出了設(shè)計模式的普適計算的集合，是相當大的，但有一個與模式，在一個更高的抽象層次和或比我們的模式解決方案的建議設(shè)置全面更廣泛的范圍。 結(jié)論和未來計劃的工作 在本文中，我們已經(jīng)介紹了移動應(yīng)用的用戶界面設(shè)計模式的結(jié)構(gòu)化集合。作為索引的結(jié) 構(gòu)是有價值的，它提供了全面的概述為移動用戶界面設(shè)計問題。 已通過驗證的模式集合使用教程問卷。此驗證表明，無論是個人模式評估和整個山坳選擇相關(guān)的和有用的與會者認為，很可能，他們將在今后的工作中使用集合。它還確定了需要更多的工作模式。 最后，我們已經(jīng)討論了使用記錄設(shè)計知識的一個模式的集合的利弊。主要職業(yè)能力分為結(jié)構(gòu)設(shè)置一個管理的問題，主要是相同的解決方案可能適用于一些問題，引起了很多模式之間的交叉引用。收集不斷改進和加強，例如：在多模態(tài)交互領(lǐng)域和使用背景 (參見文獻 [7])。 致謝： 本文是基于工作是由挪威研究理事 會，并在這些項目的行業(yè)合作伙伴資助的本影和 FLAMINCO項目的支持。我還要感謝我的同學(xué) Jan Heim貢獻設(shè)計驗證和分析結(jié)果以及所用的問卷。 參考文獻 [1] Deng J et al (2022) Managing UI pattern collections. In Proceedings of the 6th ACM SIGCHI New Zealand chapter39。s international conference on Computer human interaction [2] Duyne D K amp。 Landay J A (2022) Design Patterns, Course documentation [3] Landay J A amp。 Borriello G (2022) Design Patterns for Ubiquitous Computing. In IEEE Computer August 2022 [4] Gamma E, Helm R, Johnson R, and lissides J (1995) Design Patterns – Elements of Reusable ObjectOriented Software. AddisonWesley [5] Nilsson E G (2022) Design guidelines for mobile applications. SINTEF Report STF90 A06003, ISBN 8214038200 [6] Nilsson E G (2022) Design patterns for user interfaces on mobile equipment. Tutorial documentation, HCI International [7] Nilsson E G, Floch J, et al. (2022) Modelbased user interface adaptation. Computers amp。 Graphics 30(5): 692–701 [8] Roth J (2022) Patterns of Mobile Interaction. Personal and Ubiquitous Computing, Volume 6, Issue 4 (September 2022) Design Patterns for User Interface for Mobile Applications Erik G. Nilsson SINTEF ICT, Postboks 124, Blindern, N0314 Oslo, Norway – Abstract In this paper we present a collection of user interface design patterns for mobile applications. The patterns in the collection are grouped into a set of problem areas that are further grouped into three main problem areas. After presenting this problem structure we present one of the patterns in some detail. Then we present some relevant findings from a validation of the patterns collection. This validation shows that both the patterns collection and the individual patterns are relevant and useful for usability professionals with