很可惜 T 。T 您現(xiàn)在還不是作者身份,不能自主發(fā)稿哦~
如有投稿需求,請把文章發(fā)送到郵箱tougao@appcpx.com,一經錄用會有專人和您聯(lián)系
咨詢如何成為春羽作者請聯(lián)系:鳥哥筆記小羽毛(ngbjxym)
在看原文之前,閣主有幾句話說。一是外文文章一般與當?shù)氐奈幕嘘P,所以翻譯成中文很多時候都失去了它原來的味道,讓中國讀者感到有點不順暢,這個是很正常的,很多小說翻譯成中文閣主也不愛看。所以為減少這個情況的影響,閣主會在文章后加上閣主自己對文章的總結和建議~以下是原文~
原文地址:https://www.uxpin.com/studio/blog/creating-perfect-user-flows-for-smooth-ux/
作者:Marek Bowers
翻譯:Sophia
如果有人問你怎樣定義“流程”這個詞或者說舉一個案例來進行描述,你會怎么說?你會馬上想到關于用戶體驗或者交互設計嗎?也許會...但是,更多的應該是不會吧。
在這篇文章里面,我將依據(jù)作為一個交互設計師的經驗,來描述怎樣創(chuàng)建順暢的用戶流程。你可能想到水的流動。比方說,雪水流進水流和小溪,然后匯聚到一起,融匯到水庫,湖泊和海洋。
你可能也會想到空氣的流動。你知道高爾夫球表面的凹槽是讓空氣呈旋渦狀圍繞在身邊(用來減少阻力),比光滑的球飛得更遠一些。
您還可以在效率方面,去衡量流程的成功率。 來看看美國宇航局和波音公司,今年四月在風洞合作解決的一個流程問題。
這些隊伍配備了一架在尾部,可以使飛行流程更有效率的特殊技術波音757。 這有什么影響? 它可以降低燃料燃燒的使用數(shù)量,可能會節(jié)省數(shù)百萬美元的航空費用,反過來可以節(jié)省機票費用的數(shù)百甚至數(shù)千美元。
聽起來對我們普通大眾也是極好的!
交互設計怎樣涉及到流程的
所以,這些“流程”的概念有哪些共性呢?
流程描繪運動:運動通過水,通過空氣,通過網(wǎng)站,通過APP等進行體現(xiàn)。
流程是多種多樣的:流程的多樣性可以導致一個高爾夫球飛得更遠(或者落得更短);一個飛機飛得更快(或者有更多的阻力);并且使一個在線購物者更容易付賬(或者說導致更不愿意付賬)
長話短說,流程的概念很重要。您網(wǎng)站或者APP的成功往往取決于您模型流如何滿足您的目標用戶(或者用戶畫像)的需求,同樣以及您商業(yè)的需求。
因為低保真原型缺少視覺細節(jié),用戶流程是原型的核心。低保真原型幫助你聚焦在創(chuàng)造對用戶來說完成他們目標的最順利流程。
在腦海中建立用戶流程
當你建立了一個用戶流程,你應該想的第一件事是什么?
這很顯然...當然是你的用戶!
比方說,如果你在設計一個商業(yè)智力工具,它可以讓用戶創(chuàng)建報告并且分享他們,將至少有兩個流程:一個是為用戶數(shù)據(jù)(比方說用戶接收/反復查看報告)設計的流程,和整個數(shù)據(jù)分析(比方說用戶建立/分享報告)的流程。
編者建議:如果你想建立你自己的用戶畫像,你可以在UXPin進行免費試用。在你開始創(chuàng)建原型流程之前,你應該清楚地知道你目標用戶的動機和需要。問問你自己,是什么在驅動我的用戶以及他們正在試著完成什么?
一旦你創(chuàng)建了你的用戶畫像,你可以更好地捕捉到用戶的目標。指出目標的兩面需求,這樣就知道你的原型需要做哪些進行完成。
仔細思考目標和來源
如果你在設計一個網(wǎng)站的用戶體驗,在創(chuàng)建流程之前另一個好的建議是,查明并且畫出您的用戶從哪里而來。基于Morgan Brown在《停止設計頁面開始設計流程》一文中的建議,我們建議您開始思考如下您的網(wǎng)站或者手機原型的各種用戶來源:
直接流量
有機搜索
付費廣告
社會媒體
推薦網(wǎng)站
電子郵箱
不同的入口決定不同的用戶行為。查看如下如果某人準備在亞馬遜買一部智能手機的假想場景的不同之處。
進行搜索功能的用戶:
搜索iPhone的相關介紹
進入亞馬遜網(wǎng)站
使用搜索框找到iPhone
瀏覽更多關于iPhone的介紹
使用搜索框去找三星Galaxy
瀏覽Galaxy的介紹
回到原來的亞馬遜iPhone的店鋪
購買iPhone
直接購買者:
進入亞馬遜網(wǎng)站
使用搜索框找到iPhone
購買iPhone
現(xiàn)在,我們不是在說購買經驗的簡單比較(直接購買和進行搜索行為的用戶,它們之間總是來來回回**著進行的)。我們在說,可是,你必須畫出這些不同的流程,為了去做出一個更讓人理解的流暢體驗。
為查看一些基于這些入口的樣例流程,請查看文章《將用戶放在心里去建設:怎樣設計用戶流程》。作者,Peep Laja,建立了三種不同的用戶流程,每個流程起源于不同的入口,并且符合具體用戶和商業(yè)目標。
創(chuàng)建一個概念流程
在這一點,你應該知道:
您將為哪些用戶或者用戶畫像進行設計你的流程
哪些用戶和商業(yè)目標需要去完成
你的用戶來自于哪里(等等觀點)
現(xiàn)在你可以想想一個用戶在來自一個頁面前與后會發(fā)生什么。就像在《交互設計最佳聯(lián)系》所描述的,你可以將你的頁面連接起來并且創(chuàng)建盡可能多的你所需要的流程。
一個快速的方法你可以體驗不同的頁面流程就是創(chuàng)建一個簡單的概念流程。在搭建原型之前進行打草稿,用筆畫一個草稿可以幫助你體驗你APP或者網(wǎng)站最重要的部分 ——即內容。圍繞著內容搭建流程將給你一個用戶體驗所需頁面總數(shù)更準確的估算。
筆述優(yōu)先的方法來概述一個流程
你可以使用筆述優(yōu)先的方法,Jessica Downey在她的文章《Jumpstarting Your App Conception Without Sketching UI.》中寫到過。 這個概述方法可以幫助您了解應用程序或站點每個頁面的想法并構建一個“共識”。
讓我們創(chuàng)建一個,例如,一個銀行APP。場景:有人想打開自動存款功能。注意在下面的大綱中,[括號]里面的內容代表著行動按鈕或者鏈接。
第一步:您想建立自動存款?
[建立自動存款]
第二步:選擇存款頻率
[每月一次][每月兩次][每隔一個星期][每個星期]
第三步:每月一次存款
[選擇日期]
第四步:選擇數(shù)量
確定數(shù)目
[建立自動存款]
概述流程的速記方法
你也可以使用Ryan Singer在Basecamp上使用的一種速記方法。Ryan的方法將流程作為持續(xù)性的對話。
對于上面的銀行APP的例子,我們可以在第二步和第三步的時候創(chuàng)建一個案例,就像這樣:
為了知道Singer是怎樣展示為Basecamp速記的方式以及他是怎樣用這個概述過程說明復雜的流程的,查看這篇文章《 A Shorthand for Designing UI Flows》
畫出草稿并且做出一個流程原型
現(xiàn)在我們已經準備好為我們框架流程或者速記流程中的每一個頁面,創(chuàng)建一個低保真草稿。這些草稿將是你的想法,用更多頁面的細節(jié)和結構活生生地展現(xiàn)在你的面前。只要你創(chuàng)建了草稿,一個簡單的低保真原型可以幫助你使用這些想法去與用戶進行溝通。
你可以使用很多種方法草稿出用戶流程,就像這些文章所示,比方說《these examples of user flows》和在Wireframes Magazine發(fā)表的《wire flows》。然而,在承諾任何特定流程之前,請創(chuàng)建一個簡單的原型來驗證其與用戶和商業(yè)目標的一致性。 它不需要任何想象力 - 你的原型可以在紙上完成,所以你可以開始了解用戶如何在內容和動作之間流動。
從那里,您可以繼續(xù)對紙上的草圖進行迭代,并將其剪切出來用于紙張原型,或者轉到像UXPin這樣的數(shù)字原型設計工具。
流程的真實案例和他們的拆卸
現(xiàn)在,我們向您展示了創(chuàng)建自己的用戶流程并將其轉換為草圖和低保真原型的過程,我們將為您展示一些用戶登錄的真實交互流程有趣案例。
用戶登錄是一個很好的場景,它需要特殊的技能來平衡用戶需求和商業(yè)需求。 用戶希望直接進入應用程序,越簡單越好。 商業(yè)顯然也希望用戶登入,但他們也希望輕輕推動用戶升級他們的計劃。為查看我們正在討論的解構示例,我們強烈建議您使用查看這篇文章《User Onboarding》。
您當然需要掌握有說服力的設計藝術,以創(chuàng)造流動,教育用戶,同時幫助他們發(fā)現(xiàn)升級的優(yōu)勢。
下一步
掌握用戶體驗方面,絕對不能代替實踐。
我建議您從基本流程開始,如思維導圖(使每個框代表用戶操作中的一個步驟)。 一旦您感到滿意,請隨時為每個頁面構建線框,然后添加交互,使你的流程用原型進行生動起來。
閣主的總結:
文章交代了流程的概念和共性,以及在建立流程前先要想到用戶??紤]用戶的不同來源,以及這些來源可能會產生的不同使用場景用戶的不同目的與行為。然后再介紹了,創(chuàng)建流程的時候最好先用筆去打草稿,然后再用文字進行過程描述,最后用登錄流程來進行了舉例,以及建議大家要開始動手開始實踐。
本文為作者獨立觀點,不代表鳥哥筆記立場,未經允許不得轉載。
《鳥哥筆記版權及免責申明》 如對文章、圖片、字體等版權有疑問,請點擊 反饋舉報
我們致力于提供一個高質量內容的交流平臺。為落實國家互聯(lián)網(wǎng)信息辦公室“依法管網(wǎng)、依法辦網(wǎng)、依法上網(wǎng)”的要求,為完善跟帖評論自律管理,為了保護用戶創(chuàng)造的內容、維護開放、真實、專業(yè)的平臺氛圍,我們團隊將依據(jù)本公約中的條款對注冊用戶和發(fā)布在本平臺的內容進行管理。平臺鼓勵用戶創(chuàng)作、發(fā)布優(yōu)質內容,同時也將采取必要措施管理違法、侵權或有其他不良影響的網(wǎng)絡信息。
一、根據(jù)《網(wǎng)絡信息內容生態(tài)治理規(guī)定》《中華人民共和國未成年人保護法》等法律法規(guī),對以下違法、不良信息或存在危害的行為進行處理。
1. 違反法律法規(guī)的信息,主要表現(xiàn)為:
1)反對憲法所確定的基本原則;
2)危害國家安全,泄露國家秘密,顛覆國家政權,破壞國家統(tǒng)一,損害國家榮譽和利益;
3)侮辱、濫用英烈形象,歪曲、丑化、褻瀆、否定英雄烈士事跡和精神,以侮辱、誹謗或者其他方式侵害英雄烈士的姓名、肖像、名譽、榮譽;
4)宣揚恐怖主義、極端主義或者煽動實施恐怖活動、極端主義活動;
5)煽動民族仇恨、民族歧視,破壞民族團結;
6)破壞國家宗教政策,宣揚邪教和封建迷信;
7)散布謠言,擾亂社會秩序,破壞社會穩(wěn)定;
8)宣揚淫穢、色情、賭博、暴力、兇殺、恐怖或者教唆犯罪;
9)煽動非法集會、結社、游行、示威、聚眾擾亂社會秩序;
10)侮辱或者誹謗他人,侵害他人名譽、隱私和其他合法權益;
11)通過網(wǎng)絡以文字、圖片、音視頻等形式,對未成年人實施侮辱、誹謗、威脅或者惡意損害未成年人形象進行網(wǎng)絡欺凌的;
12)危害未成年人身心健康的;
13)含有法律、行政法規(guī)禁止的其他內容;
2. 不友善:不尊重用戶及其所貢獻內容的信息或行為。主要表現(xiàn)為:
1)輕蔑:貶低、輕視他人及其勞動成果;
2)誹謗:捏造、散布虛假事實,損害他人名譽;
3)嘲諷:以比喻、夸張、侮辱性的手法對他人或其行為進行揭露或描述,以此來激怒他人;
4)挑釁:以不友好的方式激怒他人,意圖使對方對自己的言論作出回應,蓄意制造事端;
5)羞辱:貶低他人的能力、行為、生理或身份特征,讓對方難堪;
6)謾罵:以不文明的語言對他人進行負面評價;
7)歧視:煽動人群歧視、地域歧視等,針對他人的民族、種族、宗教、性取向、性別、年齡、地域、生理特征等身份或者歸類的攻擊;
8)威脅:許諾以不良的后果來迫使他人服從自己的意志;
3. 發(fā)布垃圾廣告信息:以推廣曝光為目的,發(fā)布影響用戶體驗、擾亂本網(wǎng)站秩序的內容,或進行相關行為。主要表現(xiàn)為:
1)多次發(fā)布包含售賣產品、提供服務、宣傳推廣內容的垃圾廣告。包括但不限于以下幾種形式:
2)單個帳號多次發(fā)布包含垃圾廣告的內容;
3)多個廣告帳號互相配合發(fā)布、傳播包含垃圾廣告的內容;
4)多次發(fā)布包含欺騙性外鏈的內容,如未注明的淘寶客鏈接、跳轉網(wǎng)站等,誘騙用戶點擊鏈接
5)發(fā)布大量包含推廣鏈接、產品、品牌等內容獲取搜索引擎中的不正當曝光;
6)購買或出售帳號之間虛假地互動,發(fā)布干擾網(wǎng)站秩序的推廣內容及相關交易。
7)發(fā)布包含欺騙性的惡意營銷內容,如通過偽造經歷、冒充他人等方式進行惡意營銷;
8)使用特殊符號、圖片等方式規(guī)避垃圾廣告內容審核的廣告內容。
4. 色情低俗信息,主要表現(xiàn)為:
1)包含自己或他人性經驗的細節(jié)描述或露骨的感受描述;
2)涉及色情段子、兩性笑話的低俗內容;
3)配圖、頭圖中包含庸俗或挑逗性圖片的內容;
4)帶有性暗示、性挑逗等易使人產生性聯(lián)想;
5)展現(xiàn)血腥、驚悚、殘忍等致人身心不適;
6)炒作緋聞、丑聞、劣跡等;
7)宣揚低俗、庸俗、媚俗內容。
5. 不實信息,主要表現(xiàn)為:
1)可能存在事實性錯誤或者造謠等內容;
2)存在事實夸大、偽造虛假經歷等誤導他人的內容;
3)偽造身份、冒充他人,通過頭像、用戶名等個人信息暗示自己具有特定身份,或與特定機構或個人存在關聯(lián)。
6. 傳播封建迷信,主要表現(xiàn)為:
1)找人算命、測字、占卜、解夢、化解厄運、使用迷信方式治?。?br /> 2)求推薦算命看相大師;
3)針對具體風水等問題進行求助或咨詢;
4)問自己或他人的八字、六爻、星盤、手相、面相、五行缺失,包括通過占卜方法問婚姻、前程、運勢,東西寵物丟了能不能找回、取名改名等;
7. 文章標題黨,主要表現(xiàn)為:
1)以各種夸張、獵奇、不合常理的表現(xiàn)手法等行為來誘導用戶;
2)內容與標題之間存在嚴重不實或者原意扭曲;
3)使用夸張標題,內容與標題嚴重不符的。
8.「飯圈」亂象行為,主要表現(xiàn)為:
1)誘導未成年人應援集資、高額消費、投票打榜
2)粉絲互撕謾罵、拉踩引戰(zhàn)、造謠攻擊、人肉搜索、侵犯隱私
3)鼓動「飯圈」粉絲攀比炫富、奢靡享樂等行為
4)以號召粉絲、雇用網(wǎng)絡水軍、「養(yǎng)號」形式刷量控評等行為
5)通過「蹭熱點」、制造話題等形式干擾輿論,影響傳播秩序
9. 其他危害行為或內容,主要表現(xiàn)為:
1)可能引發(fā)未成年人模仿不安全行為和違反社會公德行為、誘導未成年人不良嗜好影響未成年人身心健康的;
2)不當評述自然災害、重大事故等災難的;
3)美化、粉飾侵略戰(zhàn)爭行為的;
4)法律、行政法規(guī)禁止,或可能對網(wǎng)絡生態(tài)造成不良影響的其他內容。
二、違規(guī)處罰
本網(wǎng)站通過主動發(fā)現(xiàn)和接受用戶舉報兩種方式收集違規(guī)行為信息。所有有意的降低內容質量、傷害平臺氛圍及欺凌未成年人或危害未成年人身心健康的行為都是不能容忍的。
當一個用戶發(fā)布違規(guī)內容時,本網(wǎng)站將依據(jù)相關用戶違規(guī)情節(jié)嚴重程度,對帳號進行禁言 1 天、7 天、15 天直至永久禁言或封停賬號的處罰。當涉及欺凌未成年人、危害未成年人身心健康、通過作弊手段注冊、使用帳號,或者濫用多個帳號發(fā)布違規(guī)內容時,本網(wǎng)站將加重處罰。
三、申訴
隨著平臺管理經驗的不斷豐富,本網(wǎng)站出于維護本網(wǎng)站氛圍和秩序的目的,將不斷完善本公約。
如果本網(wǎng)站用戶對本網(wǎng)站基于本公約規(guī)定做出的處理有異議,可以通過「建議反饋」功能向本網(wǎng)站進行反饋。
(規(guī)則的最終解釋權歸屬本網(wǎng)站所有)