下拉刷新是什么鲸匿?
? ? ? ?第一步,下拉阻肩,顯示“提示頭部界面”带欢,這個過程提示用戶“下拉刷新”;第二步烤惊,下拉到一定距離乔煞,我們認為達到了刷新的條件,提示用戶可以“松手刷新”了柒室,效果上允許用戶繼續(xù)下拉渡贾;第三步,用戶松手雄右,先回彈到“提示頭部界面”空骚,然后提示用戶“正在加載”;第四步擂仍,加載成功囤屹。
來看看,設計師需要在這個過程中做什么逢渔?
? ? ? ?下拉刷新具有短時性和等待性這兩大明顯特征肋坚,而等待容易使用戶形成一種偏負面的使用預期,我們需要降低等待的焦慮并在短時間內留個好印象复局。
2017年冲簿,大家都交出了怎樣的成績挡篓?
? ? ? ?隨著交互設計的發(fā)展和移動設備性能的不斷提升围辙,動效已經成為凸顯品牌、講述故事惠勒、拉近情感角钩、提高操作流暢性等必不可少的方式吝沫。
? ? ? ?先來一批升華自家圖標的。
? ? ? ? 和顏色填充递礼,形狀補間相比較惨险,一匹正在努力奔跑沒有停頓的梅花鹿,就卓爾不群了脊髓。
? ? ? ? 接下來看一組自家吉祥物的辫愉。
? ? ? ? 小動畫基本采用了吉祥物的負情緒來代替“松手刷新”,良好情緒替代“正在刷新”和“刷新成功”将硝。其中恭朗,閑魚的文字提醒弱化了動畫表達屏镊,IN沒有完整詮釋“正在刷新”,美團的表現(xiàn)和吃喝玩樂的產品需求統(tǒng)一痰腮。
? ? ? ? 還有更會玩的嗎而芥?一組喊口號的,敬請欣賞膀值。
? ? ? ? 陸金所和網易云音樂直指質感棍丐,前者穩(wěn)重的傳達了安全感,后者在不可刷新的首頁留言沧踏,可刷新頁面留下音符歌逢,體貼用戶且和諧統(tǒng)一。電商網站猜用戶所想悦冀,購物所需的簡單快捷性價比趋翻,抓住一個點,就塑造了品牌盒蟆。其中網易嚴選貢獻了解決留白過多的好思路。攜程是想要的太多师骗,logo历等,提示語辟癌,口號滿當當?shù)臄D在一起,忽略了此處設計的短時性黍少。
? ? ? ?還有些另辟蹊徑的。
? ? ? 今日頭條記得自己的始源厂置,紙媒;也記得這個動效的始源昵济,更新頁面內容。強提示“今日頭條推薦引擎有8條更新”是非常好的思路访忿,不過也和攜程一樣忽視了短時性,字數(shù)過多海铆。筆者合理預測迹恐,最終這些內容產品會像今天的知乎一樣,刷新提示下至卧斟,提示動態(tài)殴边。58同城緊扣“同城”二字憎茂,為每一個城市的地標做了相似動效,更神的是有白晝之別找都,既然現(xiàn)在大家都認可唇辨,有錢贊助綜藝說明廠商厲害,那么有心情搞這么個隱蔽的動效能耻,是不是說明產品發(fā)展好呢赏枚?不管怎么說,這些“占小便宜吃大虧喲~”會讓用戶增加好感的晓猛。
? ? ? ?內容產品刷新下至饿幅,電商產品及其它會不會有新風貌呢?
? ? ? ?用戶習慣已經培養(yǎng)好了戒职,下拉刷新并贈送一張優(yōu)惠卷也從驚喜變成了日常栗恩。一個日常的空間意味著能裝下更多的內容,淘寶二樓放電影洪燥,微博二樓講故事磕秤,用戶和設計師一起成就了產品的更多可能性。
? ? ? ?綜合以上分析捧韵,對于下拉刷新來講市咆,基本設計元素對用戶注意力的吸引程度,動態(tài)最高再来,其次是顏色蒙兰,最后是形狀。其中又以展示產品調性的為上品芒篷。盡管動效設計受制于界面布局搜变,交互邏輯,內容運營等针炉,下拉刷新比較短暫且非主要界面挠他,但二者的融合設計值得關注和探索,從細節(jié)上挖掘產品品質對用戶體驗的訴求糊识。