首頁

設計更優(yōu)的移動支付流程

藍藍設計的小編


1

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

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

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

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

讓我們深入看一些移動端結賬流程的例子。

1、 只保留重要信息

我們也許都回答過很多令人討厭的問題,比如“你是怎么知道我們的?”這樣的問題可能是對商家有用,對消費者來說沒有任何作用。然后這些消費者需要付出辛苦賺來的錢,他們也更有權力決定是否關閉這個頁面。

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

“炫動”你的屏幕——移動產(chǎn)品中的旋轉木馬模式

藍藍設計的小編

移動產(chǎn)品設計中,圖片傳達的信息比文字更直白、美觀、容易吸引用戶注意,所以在產(chǎn)品中引入大量圖片資源也成為設計師喜愛的方式之一。
今天我們在文中要介紹一種的縮略圖瀏覽方式——旋轉木馬模式(Carousel)。

手機產(chǎn)品設計之用戶引導

藍藍設計的小編

useredu1 手機產(chǎn)品設計之用戶引導

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

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


雜志類網(wǎng)站客戶端的閱讀體驗

藍藍設計的小編

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

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

如何做app界面設計?

藍藍設計的小編

藍藍注:此文有些圖片沒有顯示全, 下載此文及圖片請點http://bouu.cn/what%20to%20do%20APP%20ui%20design.docx


用戶在面對移動應用時,心態(tài)有三大特征:第一是微任務,我不會拿手機寫一篇論,不會從頭到尾看一部電影,使用是隨時隨地的;第二是查看周遭,也就是我所處的環(huán)境。我可能會打開手機,看有什么好的館子,有什么好的電影,打折團購等等;第三個是無聊,很多移動用戶更多情況是無聊的,打開手機,從左到右的翻,翻到最后再把手機關掉。

 

針對這三種特征的心態(tài),我們怎么樣去面對?第一,應用最好是小而準,不要大而全。越全的功能應用,只能代表著這個應用在各方面的都很平庸;第二個要滿足用戶的情景需求;第三個要幫助用戶去消磨時間。

 

設計師的角度談 iOS 7 的界面設計

藍藍設計的小編

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

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

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

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

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

蘋果iOS 7官方設計圖

藍藍設計的小編

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

【多圖】蘋果iOS 7官方設計圖,互聯(lián)網(wǎng)的一些事

有趣的下拉刷新

藍藍設計的小編

 

有趣的下拉刷新,互聯(lián)網(wǎng)的一些事

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

有趣的下拉刷新,互聯(lián)網(wǎng)的一些事

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

五條法則,幫你打造典型扁平化產(chǎn)品

藍藍設計的小編

如今設計界最炙手可熱的明星大概就是扁平化設計了吧,關于它的討論至今都沒有冷卻的跡象。諸多設計師分成了涇渭分明的兩個陣營,一邊努力把扁平化做到,一面對其不屑一顧。

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

那么,扁平化究竟該怎么實現(xiàn)怎么應用呢?下文將要做的就是分析扁平化的五個最典型的特征,同時也介紹一下偽扁平化(不含貶義,只是一種折衷的設計方式)。

一 、拒絕

日歷

鏈接

個人資料

藍藍設計的小編 http://bouu.cn

存檔