[使用者經驗] Instagram 成功的秘密

【如果覺得文章寫的好的話希望能按一下讚或分享喔】

  在網路上看到這份簡報

http://speakerdeck.com/u/mikeyk/p/secrets-to-lightning-fast-mobile-design?slide=82

image

 

簡報製作人是 Instagram 的 co-Founder

寫的很好,也說明了 Instagram 成功的關鍵是以下兩項

1.程式怎樣寫不是那麼重要,真正重要的使用者的體驗

    not the code, but the experience

 

2. 手機APP設計需要 Design 與 Development 的緊密配合

mobile design requires the ultimate in design & development collaboration

 

 

好的 UX 不止是介面的問題,跟許多技術也是習習相關

徒有概念,做不出來也是沒搭

 

簡報裡強調下面這句話

沒有人是想要等待的
No one wants to wait while they wait

 

這也是 Instagram 達成良好 UX 的原因

作者提到以下三個要訣,讓使用者即者透過  3G  網路

也可以享受使用者的良好體驗

perform actions optimistically

中文:當使用做出行為時,要讓他感受到正向回饋

 

例如:當使用者按下 like,要馬上給予視覺回饋,即使資料還在傳輸當中

image          image 

由上圖就可以發現,當使用者按下讚的時候

APP 會先讓 like 的按鈕反白,告知使用者有按這個按鈕

但是資料其實還在傳輸

 

或是,當使用者留言時,先把訊息貼上去,再去進行內容的傳輸

image

 

如果傳輸失敗的話,再顯示提示告知使用者『本則訊息沒有被傳輸出去』即可,例如:

image      image   

 

   

adaptability preload content

中文:適應性載入內容

 

這一段我比較看不太懂 (純看簡報),如果網頁覺得我的解讀不正確的話希望能協助指正

作者用一句話來說明這個概念

根據使用者興趣重新排序內容

Re-Prioritize based on interest

 

例如,如果使用者對某則留言按 like,我們可以得知使用者還可能喜歡看哪些 news feed

則我們可以更改 news feed 的呈現順序,讓使用者比較可能喜歡的項目排在前面

 

所以作者用一句話來概括

傾聽使用者的選擇

Listen to what their flicks & Taps are telling you

 

move bits when no-one’s watching

中文:在使用者還沒開始看之前就開始進行資料傳輸

 

我覺得這塊的觀念應該算很重要的,也是達成良好 UX 的要素

例如,在使用者填寫註冊表單時,就先偷偷幫他預測可能會想要 follow 的人

image       image

但確切的想法從簡報裡看不出來

我自己是想,當使用者填入 Email 後,就可以自動幫他掃瞄註冊的使用者裡面是否有他的朋友

或是當使用者勾選興趣欄位,預先載入使用者可能會喜歡追蹤的人士

 

最後一張很清楚表達了這個概念

一般 APP 是在使用者填寫完表單後,「按下送出」後,才開始進行圖片的上傳

Instagram 則是在「使用者還在填表單時」,就已經在進行圖片上傳的動作

image

 

如此一來使用者會覺得「好快就上傳好了」,而享受到良好的體驗

雖然這樣會有「使用者上傳到一半卻後悔」,而圖片已經進 server 佔空間,還需要額外刪除的狀況

但是作者這樣解釋

這件事值得讓你在使用者按下 cancel 後,自己將該圖片刪除掉

Worth it even if you throw out the data on cancel

 

結論

只可以動是不夠的

image

這不就是 User Experience 一直在強調的嗎?

Related Posts Plugin for WordPress, Blogger...
【如果覺得文章寫的好的話希望能按一下讚或分享喔】

彭其捷

想要做出很棒的產品,所以我寫程式,也研究介面 (UI) 與使用者經驗 (UX),並思考管理的法則。

【Profile】http://about.me/divaka

twitter facebookgooglepluslinkedinbloggertumblrflickryoutubedribbblerssemail


Fatal error: Uncaught Exception: 12: REST API is deprecated for versions v2.1 and higher (12) thrown in /home/content/63/7692663/html/blog/wp-content/plugins/seo-facebook-comments/facebook/base_facebook.php on line 1273