2015 年 9 月

第 30 卷,第 9 期

本文章是由機器翻譯。

現代化應用程式 - 現代化應用程式的可用性實務

Rachel Appel | 2015 年 9 月

Rachel Appel可用性是一個重要但經常忽略應用程式開發的層面。開發人員通常會保留最多 UX 專家和 UI 設計工具的使用性。不過,有一些使用性技巧 — 一些小型的一些較大 — 開發人員可以套用有很大的影響。

主要的就開發實際上容易使用的軟體。這表示受歡迎的命令是顯著且可供使用。較不常用的命令可用較少的按下越好。我將探討幾個將協助您建置卓越的現代應用程式的可用性技巧。

許多開發人員不喜歡詞彙 「 最佳作法 」。 似乎表示有問題的作法是進行一些動作的唯一方式,而且您知道其實根本不是 true。有也無法在大部分情況下和廣泛的技術可能會或可能無法正常運作的作法。這就是為什麼大部分都不願意使用詞彙 「 最佳作法 」。 而是我將使用詞彙 「 很好的作法 」。 這些作法通常都無法使用也一樣,如果不是效能優於其他的操作方式。這並不表示您應該將它們套用在每個案例中,不過。

不正確的作法通常是顯然不正確的。它們更好的方法做事是設計或開發技巧。因為跡象令人沮喪的軟體中很容易找出不正確的作法。每當您想要狂因為您無法使用軟體不良的做法是罪魁禍首。

良好的使用性的作法

第一個和可說是最重要的可用性最好的協助工具。更容易存取軟體、 更簡單方法是使用。有幾種使用者對象的協助工具是一項挑戰。您必須考慮較低或沒有聽到、 視覺障礙、 馬達障礙和認知的障礙。它是相當容易開發網站和加入協助工具設計的應用程式。許多這些技巧包括以 HTML 或 CSS 小幅修改。請參閱我的專欄"設計和開發可存取新式應用程式 」 (msdn.microsoft.com/magazine/dn913189),如需有關協助工具設計技巧的詳細資訊。

常用的命令應該會顯著地顯示。不要讓使用者更進一步的資訊。請改用 Visual Studio [快速啟動功能可讓使用者輸入的名稱或命令的同義字搜尋命令類似。加入標準的功能表和導覽 [快速啟動的功能。同理,請不要太辛苦工作來執行工作的使用者。許多使用者會在任何障礙,停止並檢閱不良的應用程式存放區中的應用程式時就無法輕鬆地完成工作。

一致性是建立很棒的軟體的關鍵。使用一致美學內應用程式本身和應用程式和其 OS 之間。任何人都可以告訴您嘗試在外觀和行為類似 iPhone 應用程式會嘗試 Android 或 Windows 裝置上使用應用程式是人沮喪。部分人員購買裝置是原因的因為他們喜歡其樣式。堅持使用主機作業系統的樣式架構並新增您自己的想法。這表示您需要個別程式碼基底,但您仍可以共用應用程式之間的後端程式碼。

一致的瀏覽也是不可或缺的。使用相同的導覽樣式在整個網站或應用程式。良好的巡覽式設計的一部分,請確定使用者可以快速存取常用的命令。您可以決定這些命令由記錄每次使用者啟動它們。請確定例如按鈕、 控制項在表單中的項目有一致的標籤。如果您正在編寫一本小說,彙整同義字和混合同義字可改善您的文字。在軟體中使用相同的動作或欄位的另一個單字或片語僅會混淆使用者。

大家都已經有太多的登入。副作用,許多他們的資源使用相同的密碼。這是件事安全性的專家會警告您不要。接著開發人員設計鼓勵這個不正確的作法是由 insisting 您撰寫您自己的安全性基礎結構而不是使用例如 OAuth、 Microsoft 或 Google 的受信任的安全性提供者的網站。甚至 Facebook 或 Twitter 驗證會比建立您自己。

請盡可能讓使用者選項。您可以建立自己的登入系統,但您必須維護它也會負責如果曾經違反資料。全部使用信任的提供者會轉移給他們的責任。它們有工作維護與保護使用者資料的整個小組。離開安全性以安全性專家提供您商務專家並解決您的軟體的商務問題的時間的分葉。

適當的預設值不厭其煩朝協助工具。它是 2015,但許多網站和應用程式仍強制您輸入城市與縣市而不是要求郵遞區號和自動填入詳細資料。輸入一小串數字是很容易就可以相較於需要從大量的小型的下拉式清單中的項目清單中選取的使用者。請查看我的專欄 「 行動優先方法以現代應用程式開發 」 (msdn.microsoft.com/magazine/dn948114),如需詳細資訊的軟體建置使用行動優先的設計。

回應 Ui 可擴充向上和向下到符合的外型規格和特定裝置的功能。很明顯地,量身訂做的裝置的軟體是件好事的使用者。Ui 回應性傾向於行動優先。與行動優先的設計傾向於比傳統軟體更易於使用。如需建置回應 Ui 的詳細資訊,請參閱"建置回應和現代 UI 與 CSS 針對 WinJS 應用程式 」 (msdn.microsoft.com/magazine/dn451447)。

極簡的設計是另一個可以預見的新式應用程式。使用者會傾印 overwhelms 它們很少使用選擇的大量的應用程式。他們會使用直接與目前的選擇視內容的應用程式。在 Windows 8 和更新版本的應用程式,您可以使用可以隱藏在應用程式,然後出現的選項視使用的使用者時的應用程式列。

不正確的使用性的作法

許多網站和應用程式包括表單要求使用者輸入他的電子郵件兩次。如果他無法取得他的電子郵件正確,為何沒有任何人都認為他要正確地輸入他的地址、 縣 (市)、 狀態或其他資訊? 為什麼不被複製所有這些欄位?

要求使用者重新輸入他的電子郵件地址是很討厭。這是因為人類是生物習慣成自然。打字與錯字就像其他的習慣。使用者是要在這兩個方塊中的相同的錯字會經常。

驗證的概念是 noble。網站或應用程式會顯示映像包含數字、 單字或片語。然後使用者可以輸入一個數字、 單字或片語。數字、 文字或文句映像中的通常是讓電腦無法識別影像會被遮住程度。問題是時至今日 AI 系統可執行映像辨識容易辨識的驗證。大部分的人類諷刺可能很難。人們的眼睛時有關電腦與同等查看遮蔽的模式。有時候什麼看似是個好主意可能不是怎麼說。

無限的捲動和自動頁面重新整理也會是有問題,特別是對依賴螢幕 narrators 等的輔助技術的那些項目。雖然最近等等 Facebook、 Twitter、 請勿無限捲動也,還是有可能產生問題的新內容到達後將舊內容推入擱置在一旁。請考慮在您實作這些功能嘗試替代的輸入和可存取裝置。

小關閉] 按鈕可以推動瘋狂甚至有經驗的使用者。通常使用觸控裝置的人無法甚至使用它們因為小的區域是非回應至點選。如果有顯著的關閉按鈕,不為不良。不過,許多對話方塊包含一個按鈕才能繼續但沒有辦法回。回應的新式應用程式一定要提供取消動作的簡單方法。

錯誤的格式是很好的網站設計的致命傷。許多使用者畏縮當他們看到電話欄位在表單中。您永遠不知道發生何種瘋狂的驗證。此欄位是否希望國家 (地區) 的程式碼? 我應該輸入括號和數字、 連字號或只輸入數字嗎? 使用者通常會試著輸入他們認為使用正確的格式,才能進一步中斷其工作流程的強制回應對話方塊會立即 scolded 的數字。

令人驚訝的電話欄位以及來自 URL 欄位。許多這些不會自動放在 http://。這些相同的網站和應用程式永遠不會告訴您需要將 http:// 是直到您按一下送出]、 [驗證失敗和重設自己的表單欄位。

沒有一整組的不正確的作法關於表單失敗。整個形式存在的原因是要擷取的資料。但是開發人員通常會將表單困難且令人困惑。它是 maddening 嘗試填寫堅持在清除其資料如果您忘記項目或執行了錯誤的表單。許多網站和應用程式繼續執行這項操作。需要兩倍的時間才能完成工作。

如果您的應用程式嘗試掙錢,這是去的好方法。您要封鎖使用者令其無法進行採購已經過時。應用程式更可能是進行等項目清除表單是成比例花多久來填妥。所需的時間越久,開發人員就越可能已決定要清除上以免其他使用者的表單。

另一個表單失敗不會實作適當的預設值。大部分是從您的國家/地區是您的使用者嗎? 然後預設,但是顯示其他國家 (地區) 以及。同樣適用於狀態、 郵遞區號、 或任何特定的欄位的最受歡迎的值。如果您的應用程式已部署,您可以檢查這些值的資料庫。如果仍在開發中,要求您的使用者。一個預設網站好像永遠不會錯過,不過這設定選項以接收電子報或產品資訊來檢查。

許多網站和應用程式不會提供適當的搜尋功能。有些不提供搜尋功能。搜尋引擎監看式說極 92%的 Web 使用者一直在使用一個以上的搜尋引擎。

顯示搜尋結果中容易取用的摘要和清楚且一致的方式。將廣告周圍的搜尋結果或內容,但不是在它之上。當使用者看到的搜尋結果集內 ad 時,她可能會認為這是結束的結果,因此她會將保留在因為她找不到任何項目。

在 UI 設計有幾個美觀切忌。我喜歡把它們"UI eyesores"。 這包括像是需要將範圍縮小上讀取、 廣告或包含廣告的廣告太多的小字型。許多網站和應用程式依賴廣告營收,因此廣告是無可避免的。不過,如果將廣告包含廣告 (沒錯,這為什麼),很嚴重損壞。

另一個常見的使用性失敗模式是按鈕的色彩和位置。通常指定採取或繼續執行動作的按鈕會呈現亮紅色。此色彩表示停止或取消動作。像交通號誌綠色、 黃色和紅色色彩通常分別表示 go、 警告、 和停止。

其他可用性作法

因為有某些類型的導覽無助於減輕的使用,而且有些不是在 「 其他使用性原則 」 會進入導覽。在設計時巡覽配置,它應該清楚且一致。它通常最好到主機 OS 架構。維護該應用程式與 OS 之間的一致性方便使用者上。特別是新的使用者或不使用技術人員。不過,它仍然適用於有經驗的使用者喜歡自稱基礎架構一致性的快速鍵。

索引標籤式的功能表通常會更適當且更容易進行巡覽。不過,如果有太多資料列的索引標籤,就難以瀏覽。桌面應用程式與傳統下拉式序列功能表結構,但 Web 應用程式和原生裝置應用程式通常需要不同的配置。例如,Windows Phone 使用動態磚以增強使用者的經驗提供大型、 容易點選區域來啟動應用程式或瀏覽。

漢堡功能表稱為以大幅降低應用程式或網站參與由大量、 根據技術媒體網站 TechCrunch。如果您選擇漢堡功能表,您需要瞭解有關使用量統計資料。有關導覽可用性 essentials 的詳細資訊,請參閱 「 瀏覽 Essentials 中 Windows 市集應用程式 」 (msdn.microsoft.com/magazine/dn342878)。

總結

根據經驗法則,更容易存取的軟體是更多可用的軟體。您可以增加最多可達 20%的基底使用者藉由實作小的變更。這是商務標準的巨大數字和任何管理員值得其 salt (甚至尖禿頭老板) 會跳這些種類的數字。納入存取範圍,並因此更好的使用性的好方法是嘗試存取技術自己。Blindfold 自己並試著使用的螢幕助讀程式的頁面。使用語音的裝置。

雖然某些的作法會列為 「 好 」 或 「 不良 」,這並不表示它們永遠是其中一個。您永遠可以中斷的不正確的作法說和一些更實用的事情。很容易就可移喔,以及最佳做法。詢問使用者什麼它們,但不一定會認為它們,因為可能偶爾會是錯誤。監視應用程式使用方式是以查看它們正在真的做什麼的好方法。使用最佳的判斷。


Rachel Appel 是顧問、 作者、 輔導老師和先前的 Microsoft 員工與 20 年以上的 IT 產業的經驗。她說出在最上層的產業會議如 Visual Studio Live!,DevConnections 混合等等。其專長在於內開發商務和技術將焦點放在 Microsoft 的開發堆疊對齊並開啟 Web 解決方案。如需有關 Appel 的詳細資訊,請瀏覽自己的網站 rachelappel.com

感謝以下的微軟技術專家對本文的審閱: Frank La Vigne