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