濟(jì)南網(wǎng)站建設(shè)當(dāng)與移動(dòng)設(shè)備交互，用戶很少有耐心阻礙他們的進(jìn)步令人困惑的接口或不必要的步驟。 作為設(shè)計(jì)師，我們必須了解的勢(shì)頭，有效的用戶界面設(shè)計(jì)中的作用，創(chuàng)造經(jīng)驗(yàn)，使我們的用戶前進(jìn)。
想想在移動(dòng)設(shè)備上收發(fā)電子郵件的行為這可能是我們與我們的手機(jī)最有效的互動(dòng)之一。; 我們這樣做是在穿越街道，談話，甚至（對(duì)于危險(xiǎn)的少數(shù)！）之間，而駕駛。 用戶界面（UI）的每個(gè)分散注意力位，可以得到在檢查我們的電子郵件的方式已經(jīng)被剝奪了從設(shè)計(jì)，使其成為一個(gè)我們愛做的簡(jiǎn)化程序。
消費(fèi)者永不滿足的需要高效的UI必將加劇隨著技術(shù)的成熟。 但不是每一個(gè)移動(dòng)交互需要的速度和收發(fā)電子郵件的效率。 會(huì)有時(shí)候，速度必須被犧牲，以幫助用戶了解怎樣做，慢下來，他們專注于手頭的任務(wù)。 在這些情況下，摩擦是必要的。
你怎么知道當(dāng)你的設(shè)計(jì)有足夠的摩擦力可以理解，但不能過于復(fù)雜？ 你如何保持用戶的勢(shì)頭的速度，是適當(dāng)?shù)哪O(shè)計(jì)的背景下？
本文認(rèn)為，不同的設(shè)計(jì)方案，以及如何通過加快或根據(jù)情況放慢自己的流量來管理用戶的勢(shì)頭 。 我們將用我們萬英尺的移動(dòng)時(shí)間跟蹤應(yīng)用程序作為維護(hù)用戶的勢(shì)頭，加入蓄意摩擦和戰(zhàn)略創(chuàng)新的UI控件為例。 我們還將討論為思考摩擦在你的下一個(gè)設(shè)計(jì)時(shí)，必須戰(zhàn)略性地創(chuàng)新，才能保持勢(shì)頭的框架。
兩種類型的設(shè)計(jì)
在一個(gè)非常簡(jiǎn)化的電平，有兩種類型的設(shè)計(jì)： 設(shè)計(jì)為頻繁的任務(wù)和設(shè)計(jì)用于不頻繁的任務(wù) 。 罕見的任務(wù)，你做一次或很少這樣在生活中記住了如何完成任務(wù)，而不幫助是不可能的活動(dòng)。
取票亭 在火車站。 用戶界面通常是非常的教學(xué)，包括熟悉的組件和各個(gè)任務(wù)為中心的界面，引導(dǎo)沿購買車票的過程的每個(gè)步驟的用戶。 這個(gè)UI是“走起來，用” – 無前有做過，任何人都可以找出該怎么做。
頻繁的任務(wù)是那些你經(jīng)常重溫活動(dòng); 所以，忘了如何實(shí)現(xiàn)目標(biāo)的可能性極低。 我們已經(jīng)談了檢查電子郵件的效率-這種互動(dòng)的設(shè)計(jì)與高效率的考慮 ，因?yàn)樗且环N常見的任務(wù)，一個(gè)我們一定要記住怎么做。
當(dāng)設(shè)計(jì)效率，犧牲了一些步行向上和使用方面是必要的以不頻繁的任務(wù)是常見的。 在首次互動(dòng)，用戶可能偶然想弄清楚到底是怎么回事，但一旦他們搞清楚了，他們會(huì)一起飛翔。
在這兩種情況下，動(dòng)量攜帶通過UI的用戶。 動(dòng)量的金額將根據(jù)上下文而有所不同，但只要有一個(gè)在每一步進(jìn)展，勢(shì)頭將予以保留，并在互動(dòng)將是愉快的。
案例研究：設(shè)計(jì)對(duì)于經(jīng)常和不經(jīng)常使用
有時(shí)候，你可能需要考慮頻繁，很少使用單一的用戶界面。 這是我們面對(duì)與我們的移動(dòng)時(shí)間跟蹤應(yīng)用程序的設(shè)計(jì)挑戰(zhàn)。
該應(yīng)用程序應(yīng)該是一個(gè)項(xiàng)目和資源管理應(yīng)用程序，它依賴于員工的時(shí)間錄入數(shù)據(jù)來填充進(jìn)度和預(yù)算報(bào)告。 跟蹤時(shí)間的行為做任何一對(duì)夫婦一天的時(shí)間，或通過許多項(xiàng)目的一次。 使用我們的應(yīng)用程序的范圍可以從幾十個(gè)在一個(gè)星期的相互作用，以在星期五下午的單個(gè)實(shí)例。
在設(shè)計(jì)我們的應(yīng)用程序， 我們不得不重新思考如何將用戶輸入的信息來說明其不同的互動(dòng)偏好。
此外，我們知道，我們的目標(biāo)用戶是創(chuàng)意專業(yè)人士很少有耐心的官僚程序。 該應(yīng)用程序需要證明誰不想要用它在一天內(nèi)多次，而且還保持足夠的步行式和使用的元素，我們不常用戶總是知道該怎么做的人時(shí)間輸入的有效方法。
創(chuàng)建摩擦在手機(jī)設(shè)計(jì)
在整個(gè)過程中，我們自覺地意識(shí)到引入摩擦到設(shè)計(jì)中。 一個(gè)常見的??觀點(diǎn)是，摩擦應(yīng)該從盡可能的UI淘汰。 但你可能會(huì)發(fā)現(xiàn)，摩擦是必要的，您的情況，以幫助用戶更好地了解該怎么做。
在這種情況下， 嘗試在您的設(shè)計(jì)創(chuàng)造故意摩擦減緩用戶，增加他們的理解。 故意摩擦管理用戶的流量和動(dòng)力，但明智地使用它。 作為設(shè)計(jì)師，我們需要添加足夠的摩擦力，幫助他們了解正在發(fā)生的事情，但沒有這么多，我們阻礙他們的進(jìn)步。
對(duì)于這種可有效地移動(dòng)環(huán)境下，用戶的努力，并與你的UI花費(fèi)的時(shí)間必須是成正比手頭的任務(wù)（“功夫”在這里指的是水龍頭的數(shù)量和他們的認(rèn)知負(fù)荷應(yīng)變）。 通常與頻繁的任務(wù)，時(shí)間和精力（即摩擦力）要低。 對(duì)于不太頻繁的任務(wù)，摩擦是比較可以接受，因?yàn)樗?jīng)常幫助用戶了解如何與UI交互。
為了更好的理解，認(rèn)為用戶界面摩擦作為一個(gè)統(tǒng)一體的。 在一端是設(shè)計(jì)用于頻繁使用的UI，用戶接口使所有的步行式 – 和 – 使用元素都以減少用戶和手頭的任務(wù)之間的摩擦被剝離。 用戶的目標(biāo)是盡可能有效地完成任務(wù)。
這種極端的一個(gè)例子是計(jì)算機(jī)的命令行界面，如終端 在Mac OS X上沒有太多的用戶界面得到在完成他們的目標(biāo)用戶的方式。 一個(gè)熟練的用戶可以迅速地執(zhí)行命令，但沒有UI組件告訴他們?cè)撛趺醋觥?/p>
在另一端（用戶界面頻繁使用，具有高摩擦）是由像公司生產(chǎn)的消費(fèi)稅軟件的Turbo稅 和H＆R Block的 。 它的目標(biāo)是幫助用戶完成手頭的任務(wù)，但它并沒有重視這么快干什么。UI的設(shè)計(jì)，刻意拖慢用戶 ，提供了很多的信息，易消化的部分，以增進(jìn)了解。 移動(dòng)通過這些工具需要更長(zhǎng)的時(shí)間，而增加的讀數(shù)增加了用戶的認(rèn)知負(fù)擔(dān)，但他們必須達(dá)到所期望的結(jié)果：遞交報(bào)稅表。
這是一種類型的“金發(fā)女孩”摩擦，像字符在孩子們的故事：用戶的體驗(yàn)是不太熱，不太冷 – 換句話說，足夠的摩擦力來了解用戶界面，但沒有這么多，它得到的方式。 而且，正如你可以在設(shè)計(jì)圖的勢(shì)頭見上文，需要在設(shè)計(jì)會(huì)隨著用例故意摩擦的量變得較不頻繁。
您的設(shè)計(jì)方案可能落在某處的命令行界面和稅務(wù)軟件之間。 查明確切位置，將幫助你確定有多少摩擦是必要的，如何通過互動(dòng)管理用戶的勢(shì)頭。
正如有太多的摩擦設(shè)計(jì)可能會(huì)失敗，一個(gè)已經(jīng)不夠可能失敗了。 因此， 增加摩擦，設(shè)計(jì)時(shí)是深思熟慮的 ，并好好思考一下在哪里添加它，你是否已經(jīng)創(chuàng)建了太多。
定義故意摩擦在您的設(shè)計(jì)
以確定一個(gè)UI多少摩擦需要的一種方法是直觀地表示用戶的流量。 與應(yīng)用程序中，我們一開始就表示我們的UI作為一個(gè)句子。 這有助于我們以可視化的用戶的流量并確定其中故意摩擦需要去的地方。 我們?cè)谕瓿蓪?duì)設(shè)計(jì)的第一個(gè)迭代，以確保我們?cè)谡n程結(jié)束后回了句。
我們來到了我們的應(yīng)用程序的一句話是這樣的：
我進(jìn)入的時(shí)間[項(xiàng)目X]，在[設(shè)計(jì)階段]，這是一個(gè)[會(huì)議]那把[1.5小時(shí)]。
我們分手的句子翻譯成不同的畫面，迅速流入一個(gè)接一個(gè)，而且是快速的輸入進(jìn)行了優(yōu)化。
為了保持高效率，我們確保用戶可以在句子的每個(gè)階段選擇了所有必要的信息，并迅速轉(zhuǎn)移到下一個(gè)屏幕，通過這個(gè)過程保持自己的流程。
任何在我們的設(shè)計(jì)中該偏離的句子或打斷用戶的流被認(rèn)為是不必要的摩擦，需要加以避免。
實(shí)際上，我們輸入的時(shí)候遇到這點(diǎn)。 直到在設(shè)計(jì)流程這一點(diǎn)上，用戶可以選擇“項(xiàng)目”，從列表中“相”和“類別”與單一的水龍頭，這會(huì)使他們的下一個(gè)階段。 但錄音的時(shí)候推出我們沒有想到的絆腳石。
最明顯的方法來輸入時(shí)間在移動(dòng)設(shè)備上是使用數(shù)字鍵盤。 當(dāng)我們嘗試添加默認(rèn)控件我們的設(shè)計(jì)，他們經(jīng)歷了什么來之前的速度后感到累贅。 這個(gè)過程成為了這個(gè)：
- 點(diǎn)擊進(jìn)入時(shí)間輸入框。
- 塔上的“1”。
- 塔上的小數(shù)點(diǎn)（“?！保ㄟ@將介紹在使用逗號(hào)作為分隔符國(guó)家的混亂）。
- 點(diǎn)擊“完成”確認(rèn)輸入。
顯然，每個(gè)人都知道如何使用數(shù)字鍵盤的移動(dòng)設(shè)備上。 但這種引入到我們的設(shè)計(jì)始終句提出了一個(gè)口吃。 用戶感覺他們沿著飛行，輸入他們的項(xiàng)目，階段和類別的時(shí)候，突然 – 咚！ – 數(shù)字鍵盤上來。 這種不同的UI范式需要多個(gè)步驟才能完成。 即使用戶可以輸入時(shí)間沒有問題，這是不必要的摩擦阻礙了他們的勢(shì)頭。
保持動(dòng)量：該時(shí)間錄入網(wǎng)格
引入了全新的UI范式中的互動(dòng)是一種肯定的方式來建立認(rèn)知摩擦，中斷動(dòng)力。 默認(rèn)的控制，數(shù)字小鍵盤，出軌了用戶的流量，促使我們重新考慮用戶如何在我們的應(yīng)用程序中輸入的數(shù)字信息。
我們探討一個(gè)途徑是利用徑向撥號(hào)進(jìn)入時(shí)間。 到這一點(diǎn)，在設(shè)計(jì)句子中，用戶將通過從列表中選擇輸入的信息。 添加撥號(hào)，需要用戶按住并拖動(dòng)沒有消除口吃。 視覺上，它增加了一個(gè)有趣的元素，我們的UI，但最終，表盤還介紹了不同的UI范式。 我們決定，以避免去在我們的刻意摩擦閾值，我們需要使用相同的交互方法的輸入時(shí)間。 這一決定使我們的時(shí)間錄入網(wǎng)格。
網(wǎng)格顯示的用戶可能會(huì)在最左側(cè)的列和相應(yīng)的四分之一小時(shí)跨越每行花費(fèi)一定的項(xiàng)目或階段中的小時(shí)數(shù)。 這使得用戶可以從廣泛的與一個(gè)水龍頭的可能性選擇，它有一個(gè)UI范例，是一樣的東西來之前。 的時(shí)間條目網(wǎng)格保持用戶的勢(shì)頭，從而避免了一個(gè)普通的鍵盤將添加到用戶的流量的不必要的摩擦。
我們能夠驗(yàn)證該時(shí)間錄入網(wǎng)格是通過在整個(gè)迭代過程中保持一定的要求考慮的最佳解決方案。
理想的解決方案需要滿足我們的第相互作用的一半建立的UI模型。 鍵盤顯然從這個(gè)偏離，所以第一個(gè)要求是要拿出的東西，符合我們的UI。
接下來，我們知道我們想要的設(shè)計(jì)，使我們脫穎而出。 反思通用控件使我們能夠創(chuàng)造一些能夠脫穎而出，使我們有別于明顯的解決方案。
最后，記住我們所知道的勢(shì)頭和用戶界面的摩擦，我們知道，設(shè)計(jì)需要的是創(chuàng)新而可以理解的。 我們的可用性研究表明，電網(wǎng)引入該怎么做了一些初步的混亂，但該用戶沒有在第一時(shí)間后容易克服它。 因此，為了滿足其他要求 – 配套我們的UI模型，并作為戰(zhàn)略創(chuàng)新 – 我們知道，時(shí)間錄入電網(wǎng)已達(dá)到故意摩擦的水平是適當(dāng)?shù)?，以我們的設(shè)計(jì)。
建議保持這一勢(shì)頭
設(shè)計(jì)人員可以創(chuàng)建一個(gè)移動(dòng)應(yīng)用程序時(shí)，很容易忽視的勢(shì)頭。 我們認(rèn)為，只要用戶能夠?qū)崿F(xiàn)自己的目標(biāo)，我們已經(jīng)取得了成功。 有一個(gè)用戶界面，是真正的創(chuàng)新，我們必須保持用戶的勢(shì)頭的初衷。 下面是一些建議保持這一勢(shì)頭，并設(shè)計(jì)一個(gè)愉快的經(jīng)驗(yàn)。
知道如何創(chuàng)建摩擦
有時(shí)會(huì)出現(xiàn)摩擦在設(shè)計(jì)中沒有你意識(shí)到這一點(diǎn)。 此外，測(cè)量它可以是具有挑戰(zhàn)性的。 使用設(shè)計(jì)的句子，如上面所討論的，是可視化的摩擦在UI的好方法。 它使您能夠識(shí)別任何不必要的步驟，并尋找方法來優(yōu)化用戶的流量。
另外，看用戶如何在你的可用性測(cè)試反應(yīng)，某些設(shè)計(jì)決策，并看它是否符合您的期望。 下面是產(chǎn)生磨擦一些常見的設(shè)計(jì)決策：
- 添加到水龍頭的流量
打破了一個(gè)更大的目標(biāo)分成小各個(gè)任務(wù)是專注于一件事情，用戶在一個(gè)時(shí)間的好辦法。 但太多的水龍頭或屏幕可能減緩他們的勢(shì)頭。 - 添加額外的指令
清楚的說明和解釋文本是重要的，較不頻繁的相互作用，但很明顯的文字變得太大在某一點(diǎn)。 使用圖標(biāo)明智，因?yàn)樗麄儙缀蹩偸呛茈y理解乍看之下，如果大量使用會(huì)增加不必要的摩擦。 - 更改UI模型
在幾乎所有情況下，這會(huì)導(dǎo)致不必要的摩擦，會(huì)混淆用戶，阻礙他們的動(dòng)力。
找到你的金發(fā)摩擦
一旦你知道什么產(chǎn)生摩擦，是故意在將它添加到你的用戶界面，以確保你有合適的量。 概述在一個(gè)句子的設(shè)計(jì)流程是可視化的流程，并且在你遍歷保持專注的好方法。
問問自己，是忠實(shí)的相互作用來了句？ 沒有什么阻礙，可以通過重新設(shè)計(jì)予以糾正用戶？ 如果你的句子變得過于復(fù)雜或長(zhǎng)，那么你可能已經(jīng)超過了閾值，故意摩擦。
不要以為公共控件是唯一的選項(xiàng)
用于輸入時(shí)間的明顯的方法是使用數(shù)字鍵盤。 但通過保持用戶的流量在思想和認(rèn)識(shí)時(shí)不必要的摩擦進(jìn)入了我們?cè)O(shè)計(jì)的句子，我們可以看過去的明顯的答案，并保持摩擦在我們的設(shè)計(jì)經(jīng)過深思熟慮的。 使用操作系統(tǒng)的控制是最便宜的解決方案，但并不總是正確的。
是關(guān)于戰(zhàn)略創(chuàng)新
其他時(shí)候，最便宜的解決方案是正確的。 設(shè)計(jì)師們不斷尋求新的方式來推動(dòng)的期望是什么和可以接受的限度。 但有時(shí)你不能引入一個(gè)新的概念的風(fēng)險(xiǎn)。 時(shí)間跟蹤是一種低風(fēng)險(xiǎn)的活動(dòng)：如果有人輸入了錯(cuò)誤的時(shí)間在他們的第一次嘗試，很容易糾正。 如果你留出足夠的余地讓用戶犯了一個(gè)錯(cuò)誤，輕松地修正它，那么你就會(huì)有更多的機(jī)會(huì)，推動(dòng)了極限。
此外，投入時(shí)間和精力來與獨(dú)特的東西是有道理的，當(dāng)它可以幫助您的產(chǎn)品脫穎而出。 對(duì)于我們來說，時(shí)間條目是萬英尺是尋找各種方法來優(yōu)化它是有意義的這樣一個(gè)核心組成部分。
理解作為創(chuàng)新的風(fēng)險(xiǎn)
有反思中默認(rèn)控件的危險(xiǎn)。 用戶可能會(huì)誤解的設(shè)計(jì)和不知道該怎么辦，這會(huì)增加不必要的摩擦。 在我們的案例中，風(fēng)險(xiǎn)是值得的，因?yàn)樵黾恿擞脩舻恼J(rèn)知負(fù)荷的前期成本贏回通過效率隨著時(shí)間的推移。
在我們的研究中，我們觀察到部分用戶采取了一些時(shí)間去了解時(shí)間錄入格在第一。 他們腦子里想的鍵盤模型，并想先輸入小時(shí)，然后分。 但一旦失敗后，他們立即想出了事情的原委，并沒有犯同樣的錯(cuò)誤兩次。 用戶界面進(jìn)行了優(yōu)化頻繁使用。
最后的思考
不管你的場(chǎng)景，一個(gè)UI設(shè)計(jì)必須保持勢(shì)頭，以有效，消費(fèi)者很少有耐心的混亂設(shè)計(jì) ，包括不必要的步驟或沒有足夠的教學(xué)線索。
如果用戶將與你的UI交互頻繁，那么他們需要迅速采取行動(dòng)，通過互動(dòng)會(huì)更高。 如果交互的機(jī)會(huì)是低或不頻繁，那么通過這個(gè)過程加速并不像理解如何與設(shè)計(jì)交互一樣重要。
是故意關(guān)于您添加，減緩用戶，并幫助他們更好地了解摩擦。 相反，如果你加太多的摩擦，用戶將失去動(dòng)力，并通過向左效率低下的設(shè)計(jì)，或者更糟糕，被挫敗足以放棄該應(yīng)用掙扎。
控制勢(shì)頭，故意摩擦使您能夠創(chuàng)建更有效的設(shè)計(jì)，并提出更多的機(jī)會(huì)進(jìn)行創(chuàng)新，并從其余的區(qū)分你的工作。
