譯者注：在電子商務(wù)中，我們發(fā)現(xiàn)用戶在支付環(huán)節(jié)的流失率非常高，支付流程的用戶體驗(yàn)是至關(guān)重要的環(huán)節(jié)。本文介紹了一些移動(dòng)端支付流程的方法，怎樣讓我們的支付流程更加易用。業(yè)余時(shí)間翻譯了這篇文章跟大家共享，若大家發(fā)現(xiàn)任何錯(cuò)誤，歡迎隨時(shí)給予糾正。

原文地址：designing-a-better-mobile-checkout-process

數(shù)據(jù)顯示越來越多的用戶具有使用智能手機(jī)進(jìn)行付款的傾向。“ 這些用戶愿意在移動(dòng)設(shè)備上完成購(gòu)買嗎？ ”這個(gè)問題得到了迅速回答。2012年，美國(guó)移動(dòng)電子商務(wù)銷售額飆升81%,形成了250億美元的市場(chǎng)。

值得注意的是，這些成交貢獻(xiàn)只有一部分來自于app。根據(jù)調(diào)查顯示，61％-81％的用戶更傾向于在移動(dòng)端的網(wǎng)頁(yè)上來完成購(gòu)物的各種操作：研究商品和價(jià)格，查看商品詳情，參加促銷活動(dòng)，下單和支付等。比起功能相互獨(dú)立的app，他們更傾向于在瀏覽器中來進(jìn)行購(gòu)物（來獲得瀏覽與支付環(huán)節(jié)之間的無縫體驗(yàn)）。

讓我們深入看一些移動(dòng)端結(jié)賬流程的例子。

1、 只保留重要信息

我們也許都回答過很多令人討厭的問題，比如“你是怎么知道我們的？”這樣的問題可能是對(duì)商家有用，對(duì)消費(fèi)者來說沒有任何作用。然后這些消費(fèi)者需要付出辛苦賺來的錢，他們也更有權(quán)力決定是否關(guān)閉這個(gè)頁(yè)面。

雖然這些問題在網(wǎng)頁(yè)上不那么重要，但是在移動(dòng)端卻是致命的。讓我們來看兩個(gè)例子

在手機(jī)產(chǎn)品的設(shè)計(jì)過程中，由于手機(jī)界面的承載能力有限，產(chǎn)品功能的不斷膨脹，必須要在用戶打開應(yīng)用之后告知他某些新奇的功能，引導(dǎo)他完成某些主要任 務(wù)流程，讓用戶不至于迷失在陌生應(yīng)用中不知所措。幫助用戶快速掌握應(yīng)用的使用方法，體驗(yàn)到應(yīng)用的樂趣，新手引導(dǎo)成了一個(gè)必須考慮的設(shè)計(jì)環(huán)節(jié)。

用戶引導(dǎo)的直接目標(biāo)是幫助用戶更好的使用產(chǎn)品，終極目標(biāo)是提升用戶滿意度。雖然，大多數(shù)情況下，我們可以通過合理的設(shè)計(jì)，盡可能的簡(jiǎn)化功能，讓用戶 無需引導(dǎo)和幫助，就可以完成必要的任務(wù)。但是實(shí)際上，手機(jī)產(chǎn)品的限制和對(duì)強(qiáng)大功能的追求，導(dǎo)致這個(gè)目標(biāo)很難達(dá)到，因此越來越多的應(yīng)用開始使用用戶引導(dǎo)來幫 助用戶快速熟悉產(chǎn)品。

隨著蘋果iPad的推出，電子雜志類行的應(yīng)用大受好評(píng)，電子閱讀需求量不斷增長(zhǎng)。傳統(tǒng)紙質(zhì)出版物的良好的視覺效果，互聯(lián)網(wǎng)巨大的信息資源庫(kù)，將這兩者集合在一起就會(huì)誕生非常好的雜志客戶端應(yīng)用。這種雜志型客戶端應(yīng)用的最佳代表就是Flipboard。

2010年iPad最佳應(yīng)用是Flipboard。集合了Facebook和Twitter的推動(dòng)內(nèi)容，輔以格式排版，讓用戶得到了無限量的優(yōu)秀資源以及良好的閱讀體驗(yàn)。

藍(lán)藍(lán)注：此文有些圖片沒有顯示全， 下載此文及圖片請(qǐng)點(diǎn)http://www.shtzxx.cn/what%20to%20do%20APP%20ui%20design.docx

用戶在面對(duì)移動(dòng)應(yīng)用時(shí)，心態(tài)有三大特征：第一是微任務(wù)，我不會(huì)拿手機(jī)寫一篇論，不會(huì)從頭到尾看一部電影，使用是隨時(shí)隨地的；第二是查看周遭，也就是我所處的環(huán)境。我可能會(huì)打開手機(jī)，看有什么好的館子，有什么好的電影，打折團(tuán)購(gòu)等等；第三個(gè)是無聊，很多移動(dòng)用戶更多情況是無聊的，打開手機(jī)，從左到右的翻，翻到最后再把手機(jī)關(guān)掉。

針對(duì)這三種特征的心態(tài)，我們?cè)趺礃尤ッ鎸?duì)？第一，應(yīng)用最好是小而準(zhǔn)，不要大而全。越全的功能應(yīng)用，只能代表著這個(gè)應(yīng)用在各方面的都很平庸；第二個(gè)要滿足用戶的情景需求；第三個(gè)要幫助用戶去消磨時(shí)間。

雖然 iOS 7的界面設(shè)計(jì)引來不少吐槽口水，但李的觀點(diǎn)是“蘋果的缺點(diǎn)一般都不會(huì)出現(xiàn)在大方向上，即便有缺點(diǎn)也只是在某些個(gè)別的零件上。”這篇文章我將站在一個(gè)設(shè)計(jì)師的角度談 iOS 7 的界面設(shè)計(jì)。

　　在談 iOS 7 的界面之前，我先說說我對(duì)“扁平化”的認(rèn)識(shí)。 iOS 7 發(fā)布之前大家都在猜測(cè)蘋果會(huì)不會(huì)把界面改成“扁平化”風(fēng)格?什么是“扁平化”的界面設(shè)計(jì)風(fēng)格?去掉材質(zhì)機(jī)理去掉投影漸變，整個(gè)界面看起來扁扁的平平的就是“扁平化”的設(shè)計(jì)風(fēng)格嗎?如果是這樣理解“扁平化”三個(gè)字的話，那大家怎么理解“知識(shí)扁平化”這個(gè)詞?

　　我認(rèn)為“扁平化”的界面設(shè)計(jì)風(fēng)格，真正意義上指的是界面設(shè)計(jì)上信息層級(jí)的扁平化，而不單純只是視覺效果的扁和平。WP 系統(tǒng)的“扁平化”設(shè)計(jì)把很多信息變得模塊化，并且壓縮信息展示層級(jí)，很多原本藏的比較深的信息可以在首界面上直觀呈現(xiàn)。

　　如果只是扁扁平平的視覺設(shè)計(jì)風(fēng)格的話，我們壓根不需要把界面設(shè)計(jì)孤立出來看。廣告界的平面設(shè)計(jì)，書籍裝幀的封面設(shè)計(jì)等等，在很久很久以前就已經(jīng)實(shí)現(xiàn)所謂的“扁平化”了。況且我們最開始用的電子產(chǎn)品，在顯示器還是馬賽克的時(shí)候，那不就是最平的“扁平化”嗎?實(shí)際這種極簡(jiǎn)式的點(diǎn)線面構(gòu)成式的現(xiàn)代主義設(shè)計(jì)風(fēng)格起源于建筑設(shè)計(jì)，并早已經(jīng)在廣告設(shè)計(jì)，服裝設(shè)計(jì)，工業(yè)設(shè)計(jì)等領(lǐng)域普及了。

　　所以“扁平化”在界面設(shè)計(jì)界壓根就是一個(gè)可有可無或早已有之的概念，完全沒必要大肆渲染，只是IT 界的設(shè)計(jì)一直比其他領(lǐng)域的設(shè)計(jì)理念落后很多。

蘋果在2013年的WWDC上正式發(fā)布了全新的iOS 7操作系統(tǒng)，相比iOS 6，新版的iOS 7在界面上做了重新的設(shè)計(jì)，更加的炫酷，同時(shí)界面見的切換也多了許多，一起先來看看蘋果官方為我們提供的iOS 7官方設(shè)計(jì)圖吧。

　　5月22日，Twitter正式宣布獲得了下拉刷新的技術(shù)專利，這項(xiàng)專利是在一年前提出的，雖然公司一再說明此項(xiàng)專利只用于保護(hù)自己，不會(huì)用來發(fā)起訴訟，但無疑這還是對(duì)行業(yè)來說是一個(gè)威脅。

　　下拉刷新這個(gè)操作最早由Tweetie創(chuàng)始人洛倫?布里切特(Loren Brichter)發(fā)明，到現(xiàn)在已經(jīng)非常廣泛地在各種應(yīng)用中使用，Sparrow、Facebook、新浪微博、甚至是iOS原生系統(tǒng)也都在使用這種方式。有理論認(rèn)為，下拉刷新是一種適用于按照從新到舊的時(shí)間順序排列feeds的應(yīng)用，在這種應(yīng)用場(chǎng)景中看完舊的內(nèi)容時(shí)，用戶會(huì)很自然地下拉查找更新的內(nèi)容，因此下拉刷新就顯得非常合理。

如今設(shè)計(jì)界最炙手可熱的明星大概就是扁平化設(shè)計(jì)了吧，關(guān)于它的討論至今都沒有冷卻的跡象。諸多設(shè)計(jì)師分成了涇渭分明的兩個(gè)陣營(yíng)，一邊努力把扁平化做到，一面對(duì)其不屑一顧。

我是個(gè)騎墻派，不支持也不反對(duì)，在我看來，優(yōu)秀的設(shè)計(jì)的定義就是好用，只要能設(shè)計(jì)出優(yōu)秀的產(chǎn)品，我可以采用任何方式，扁平化也是其中之一。但是必須意識(shí)到，沒有哪種風(fēng)格是包打天下的，不能強(qiáng)行將一種風(fēng)格應(yīng)用到不該用的地方。

那么，扁平化究竟該怎么實(shí)現(xiàn)怎么應(yīng)用呢？下文將要做的就是分析扁平化的五個(gè)最典型的特征，同時(shí)也介紹一下偽扁平化（不含貶義，只是一種折衷的設(shè)計(jì)方式）。

一 、拒絕