隨著用戶體驗的不斷升級,手勢交互變得越發(fā)普及,使得產(chǎn)品操作體驗變得更有互動感和趣味性。通過手勢交互的輔助,讓產(chǎn)品設(shè)計更加簡化,更有利于用戶實現(xiàn)操作目標。
我們經(jīng)常用抖音刷短視頻,可以通過單擊底部標簽欄“首頁”進行刷新,長按則會彈出模式切換。通過手勢交互的輔助可以快速切換單列、雙列展示形式,以及刷新首頁和默認靜音設(shè)置,不知道這個操作你發(fā)現(xiàn)了嗎?
情感化設(shè)計可以讓產(chǎn)品與用戶建立更強的共鳴感,讓用戶感受到產(chǎn)品的溫度,促進對其服務(wù)的認可度。
在杭州生活的人會經(jīng)常使用浙里辦,在一些節(jié)慶、節(jié)氣等時間段打開 App 時,頂部視覺區(qū)域背景會進行應(yīng)景設(shè)計。通過情感化的表達方式營造氛圍感的同時,也讓用戶感受到產(chǎn)品的溫度,帶來更加溫馨的體驗感。
瓷片區(qū)的靈活性可以方便更多功能模塊的布局,也能自由更換和增刪處理,只要保障基礎(chǔ)框架結(jié)構(gòu)的穩(wěn)定即可。
酷狗音樂未登錄時首頁推薦板塊的瓷片區(qū)設(shè)計,在滑動過程中會進行自適應(yīng)布局,方便進行結(jié)構(gòu)的填充和內(nèi)容的補充。默認時隱藏部分內(nèi)容可以提高當前位置的利用率,便于提高更多內(nèi)容的曝光度,交互過程中的動效表達也非常的流暢自然。
抽屜式導(dǎo)航是導(dǎo)航設(shè)計表達的形式之一,由于屬于隱藏式的設(shè)計,通常集合非操作頻繁的功能。
酷狗音樂采用了底部標簽欄和抽屜式導(dǎo)航結(jié)合的形式,即滿足高頻功能的便利性,也能集合更多低頻功能。由于大屏手機的普及,用戶單手操作的習慣各有差異,考慮用戶左手或者右手都能輕松打開導(dǎo)航,酷狗音樂右上角的導(dǎo)航圖標可以從右側(cè)打開導(dǎo)航,左手貼邊向右滑可以從左側(cè)打開導(dǎo)航,滿足了不同操作習慣的用戶需求。
標簽設(shè)計的表達形式非常多樣化,也被運用到眾多的場景中,輔助內(nèi)容的傳播與理解等。
天氣冷了,大家會在淘寶買一些秋冬服裝等商品,當搜索秋冬外套、保暖等關(guān)鍵詞時,會出現(xiàn)降溫坐標、輕暖等標簽設(shè)計。通過標簽突出了商品關(guān)鍵詞的特征,也讓用戶可以感受到季節(jié)的變化,促進商品被搜索的概率。
隨著生活壓力和職場壓力的不斷增加,為了緩解大家的焦慮情緒,衍生出很多日記類產(chǎn)品,幫助大家記錄心情和管理調(diào)節(jié)。
最近在使用心島日記記錄心情時,記錄界面設(shè)計感覺很有意思。通過轉(zhuǎn)盤的交互形式選擇心情,也通過應(yīng)景的動效表達輔助心情傳遞,整體設(shè)計情感化體驗度非常好。
個人中心的設(shè)計在整個產(chǎn)品設(shè)計中都是非常重要的存在,也因此出現(xiàn)了眾多優(yōu)秀的設(shè)計方案。
心島日記的個人中心設(shè)計中,頂部區(qū)域背景以動態(tài)的形式表達,描繪出的場景讓人心情愉悅。相較于靜態(tài)畫面的表達,動感的設(shè)計更能打動用戶。
Banner 設(shè)計在產(chǎn)品中的表現(xiàn)形式也非常豐富,可以在視覺創(chuàng)意中發(fā)揮,也可以在造型結(jié)構(gòu)中變化,還能動靜各異。
最近在使用支付寶時,首頁為了突出發(fā)放消費券的活動,采用了動態(tài) Banner 設(shè)計。突出的視覺和動感的效果,讓活動變得特別突出,增加板塊吸引力,提高用戶參與度。
隨著圖標設(shè)計的風格越來越多,使得產(chǎn)品設(shè)計的感官體驗得到了提升,設(shè)計師也在不斷嘗試更多的創(chuàng)意表達。
最近在飛豬旅行 App 中,發(fā)現(xiàn)其圖標設(shè)計有點意思。部分圖標采用書法里面的連筆形式,結(jié)合漸變色使得整體圖標風格年輕活潑,設(shè)計表達獨特而有新意。
冬天雖然很冷,但是也有獨特的風景帶給大家,在寒冷中感受這個季節(jié)的獨特魅力。
飛豬旅行 App 在首頁設(shè)計中,頂部背景區(qū)域結(jié)合冬季下雪與堆雪人等元素,以動態(tài)的形式營造了這個冬季獨有的氛圍感。不僅提升了產(chǎn)品的感官度,也讓用戶更有季節(jié)代入感。
設(shè)計靈感來源于日積月累,希望我們的產(chǎn)品體驗日記欄目可以成為大家積累的來源。本文描述屬于個人觀點,不足之處大家留言補充。
作者:黑馬青年鏈接:https://www.zcool.com.cn/article/ZMTY0OTI0NA==.html來源:站酷著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。