當前位置:首頁 >  站長 >  建站經(jīng)驗 >  正文

APP設計經(jīng)典:Pinterest的交互細節(jié)

 2014-09-07 13:47  來源:   我來投稿 撤稿糾錯

  域名預訂/競價,好“米”不錯過

導語:Pinterest有著極棒的交互設計細節(jié),同時,它構(gòu)建的交流平臺有十分豐富的設計作品。要知道,絕佳的設計能吸引新用戶去更好的體驗產(chǎn)品。

Pinterest是我經(jīng)常使用的一個App,在我同時關(guān)注的好幾個有關(guān)于UI和UX設計平臺的同時,Pinterest幾乎是最棒的。無論我自己有多么的缺乏社交,在Pinterest仍有成百上千的用戶在不停的啟發(fā)靈感,交流合作,不斷創(chuàng)作。雖然沒有給用戶的作品帶來直接的經(jīng)濟效益,但Pinterest構(gòu)建的交流平臺也帶來了很多用處。

另外,Pinterest上豐富的設計作品,對很多人來說是非常實用的。在那兒實在有太多不同尋常的網(wǎng)頁設計和iOS設計作品,讓人們更多的關(guān)注自己的需求。在本文中我會更多的介紹Pinterest極棒的交互設計細節(jié)。

1.啟動畫面

我十分熱愛體驗不同App的啟動畫面,要知道啟動過程中給用戶帶來的激活體驗是十足微妙的,由此,這對設計師來說也是一個考驗。這一直在改進,絕佳的設計能吸引新用戶去更好的體驗產(chǎn)品。我非常慶幸,Pinterest不論是網(wǎng)站還是App在這方面都做得很好。

Pinterest所關(guān)注的不是功能,而是用戶的需求。在此,他們并不談論圖片,分享,社交媒體等等,僅僅單純的陳述人們該如何使用它,如何利用它來更好的生活。不停移動的鏡像畫面,也展示了他們的有趣和圖片特色。

2.搜索過濾

實質(zhì)上,我對于這種毫不猶豫脫離iOS模式的設計是有偏見的,但我仍然認同它的實用性。Pinterest的搜索過濾有著很好的體驗反饋,也讓他們從千篇一律的iOS搜索設計顯得獨特。

3.瀏覽

在比較體驗各種app之后,你可能會像我一樣開始注意一些微妙的設計細節(jié)。精巧的切換,進入,并且利用一些減淡的元素打造了絕妙的流暢體驗。沒有太多突然的切換,有的只是靜態(tài)狀態(tài)的逐步轉(zhuǎn)換。

4.滑動刷新

很多人都嘗試在iOS7的在載入指示符中做些改變,Pinterest在此只是用了很簡明的設計。沒有什么特別的,但仍有這很好的體驗,充分顯示了產(chǎn)品的卓越。

5.關(guān)注提示

我很抱歉的說類似于點頭的動態(tài)提醒有點神經(jīng)質(zhì),不過這也強調(diào)顯示了Pinterest的極簡設計風格,引導著來自不同地區(qū)的用戶。

我想說的第二個設計細節(jié)特別容易被忽視,當我關(guān)注一個用戶時,他的關(guān)注者人數(shù)會彈跳一下,取消關(guān)注也是如此。

6.滾動

滾動和模糊背景圖片的設計已經(jīng)并不新鮮,在此我想要突出的是,當你返回到頂部,注意這個標題欄的文本“Plants”會輕微的彈動消失,這個流動的設計簡直神了。很容易發(fā)現(xiàn)他就是彈開然后彈回消失不見,特別的生動。

7.閱圖

當用戶在瀏覽圖片時,Pinterest的每一次切換都是精心設計的。我非常喜歡閱覽時,新窗口按比例彈出,主圖作為背景模糊的樣式。

8.點贊

你可以為你喜歡的圖片點個贊。

在設計中的諸多細節(jié)很容易被忽視,但對我而言,也正是這些細節(jié)讓app更生動有個性。了解此點的設計師和開發(fā)者為此而不斷的改進,想出新點子。

9.操控

減淡而慢慢移出視線的圖片切換,如此細微,如此之快。底部增加的深度以及圖片的有形性都是設計師用心之處。

10.返回

通過下拉你能從單個圖片回轉(zhuǎn)到主要版面,一切都非常的流暢自然。

11.即時互動

在主要版面輕擊圖片即可跳出扁平的,活動的圖標,讓你即時點贊或者分享圖片給朋友。這個操作是具有標記意義的,如果你還沒有試過,強烈推薦你。

12.即時pin

無論何時你啟動pin,將滑出在頁面顯示,此時背景會根據(jù)比例模糊。非常的簡介。

13.即時點贊

當你喜歡一張照片,即可點擊圖片方的心形,它將輕微的彈動以示操作成功。

14.不喜歡

不喜歡這一考量是眾所期待的,表情選用了心碎的圖標?;谝恍┰?,不喜歡這一情感因素增加到了評論中,我有預感有些用戶可能會因為擔心“不喜歡”而減少發(fā)布照片,但這只是一種猜測。

15.發(fā)送pin

在發(fā)送pin的操作中同樣采取了模糊和靈活切換。值得注意的是,一旦信息被成功發(fā)送,會有一個小的黑色氣泡信息提示顯示在屏幕下方。

16.添加信息

如果你想要以短消息的方式分享pin,信息編輯欄將放大以方便你進行文字編輯。它將推送標題欄在頂部,移出不必要的部件以空出空間。

17.標簽欄

在主頁增加標簽欄也挺有趣的,添加的圖標通過旋轉(zhuǎn),給了用戶更便捷的方式取消。我不確定這個設計的實用性,但看起來似乎還不錯??偟膩碚f,我很喜歡圖標切換的模式,運用模糊和色彩十足突出了app的主要操作。

18.Pinterest登錄頁

作為最后一個說明的設計細節(jié),我想重點說Pinterest的官方主頁。背景由緩慢滾動的圖片墻構(gòu)成,我分別獲取了幾個不同的背景內(nèi)容:計劃旅行,打造花園,準備跑步。設計師用了太多的圖片數(shù)據(jù)來通過登錄頁也展示了Pinterest的特點。

申請創(chuàng)業(yè)報道,分享創(chuàng)業(yè)好點子。點擊此處,共同探討創(chuàng)業(yè)新機遇!

相關(guān)文章

  • 如何基于用戶體驗來設計人機交互效果

    網(wǎng)站想要提升用戶體驗有很多方法,人機交互內(nèi)容就是其中之一。在前些年,由于一些技術(shù)的限制,導致這一內(nèi)容的添加具有很大的困難,但現(xiàn)在隨著各項技術(shù)的興起,人機交互的設計已經(jīng)不存在很大的障礙,很多網(wǎng)站的人機交互方面做的非常完善且的題,這可以為網(wǎng)站的營銷帶來極大的幫助。但值得注意的是,人機交互并不是一個只有正

  • Pinterest公布2019年平臺熱門搜索關(guān)鍵詞

    近日,Pinterest透露了其在2019假日購物季的熱門關(guān)鍵詞,包括禮物、裝飾品、服裝等。Pinterest指出,用戶早在6月份就開始尋找假日購物靈感,而今年的假期搜索量則創(chuàng)歷史新高。

  • APP設計:游戲APP的運營淺析

    iOS成為大家爭先恐后爭奪的一塊大蛋糕。比如刷榜,沖榜,ASO,熱搜等等。蘋果對待所有設計者一視同仁,Appstore把棋牌手游定位在casino,默認守則就是不推廣棋牌手游。對于系統(tǒng)榜單排行不做干預,(國內(nèi)國外都存在刷榜行為),對于侵權(quán)和違規(guī)手游有下架處理。

  • app設計之教育類app該如何推廣?

    將APP市場推廣渠道分為付費渠道,贊助渠道,自媒體渠道,口碑渠道,贊助渠道。針對教育類APP運營推廣,選擇適當?shù)腁PP推廣渠道,這個時候就需要APP運營人員對于APP如何推廣有深入的了解,真正做到隨手拿來就可以做推廣,所以教育類APP的推廣,需要踏實,還要善于發(fā)現(xiàn),在很多時候認識一個APP產(chǎn)品,比做

    標簽:
    app推廣
    app設計
  • 獨角獸迎來上市高潮,Pinterest是下一個Lyft還是instagram?

    盡管Lyft上市之后第二天破發(fā),但也沒能阻止獨角獸公司上市的熱情。圖片社交平臺Pinterest于4月18日晚在紐交所上市,據(jù)美股研究社(ID:meigushe)觀察顯示,Pinterest首日開盤報23.75美元,較IPO發(fā)行價19美元上漲25%,盤中最高漲破25美元,漲幅超過32%,最終收漲28

熱門排行

信息推薦