產(chǎn)品經(jīng)理關(guān)注的UX決策點

當內(nèi)容或者功能一致的情況下,功能設(shè)計和交互細節(jié)是是一個值得推敲的關(guān)鍵點,本文從設(shè)計元素和交互元素兩個方面進行闡述,簡要介紹UX決策點:

常見設(shè)計元素

常見設(shè)計相關(guān)元素

風格:功能模塊or元素的風格——例如可選擬物、扁平、2.5d等

樣式:簡約icon、圖文、文字(包含字體選擇)、動態(tài)icon等

大?。簾o論圖形或者文字、圖片,均需要設(shè)定大小范圍,這個值一般有跡可循

顏色:icon、文字、背景等的顏色默認值、變化條件、變化范圍(增強與減弱)等

線條:界面、分割線、icon、圖形邊界等的線條考量;字體的加粗等也屬于此范圍

陰影:圖形陰影、分割陰影(例如設(shè)置欄與主頁面)、交互加強陰影(例如翻頁時頁面陰影)

位置:icon、模塊、btn、toast等的位置(頁面/模塊的上、中、下等)(標題居中、左對齊等)

距離:與位置強相關(guān),包含不同元素之間的距離(可擴展行間距、圖文間距、字間距、段間距等)

亮度:應(yīng)用的默認亮度(針對閱讀類產(chǎn)品,內(nèi)容閱讀時的默認亮度、亮度范圍)

值范圍:字體范圍、亮度范圍、行間距范圍等(與上述元素相關(guān))

易讀性:元素功能便于理解(直觀表意;顯示生活有跡可循;符合市面上常見設(shè)計——用戶已被培養(yǎng))

邊界:設(shè)計要有邊界(文字長度、圖片大小等)——默認狀態(tài)、常規(guī)狀態(tài)、極限狀態(tài)

交互決策點

交互設(shè)計決策點,考慮以下四個方面:

1.對用戶操作給予良性響應(yīng)或反饋

例如:點擊需要有合理的響應(yīng)效果及區(qū)域;刷新動效、加載中動效等設(shè)計

2.針對用戶操作進行前置性考慮

例如:用戶一直上劃頁面查看更多內(nèi)容時,需要提供返回頂部或者改變查看條件的快捷選項(點擊底部icon返回首屏)

3.針對用戶操作進行后續(xù)引導(dǎo),保證用戶行為閉環(huán)

例如:當搜索無結(jié)果時,可以增加推薦或者反饋入口

4.必要功能交互的創(chuàng)新和改良

例如:QQ閱讀的切換夜間模式使用了拉燈的交互設(shè)計


具體實施上,交互設(shè)計的主要元素可歸納為以下:

交互設(shè)計決策點

交互觸區(qū):

設(shè)計時需要考慮交互觸區(qū),隨icon大小,或者根據(jù)實際使用情況進行適當調(diào)整,在設(shè)計時需要明確(大多數(shù)研發(fā)同學(xué)會憑感覺來噠~~,這樣可能造成一個icon老是點不到就很氣了~)

手勢要求:

不同的功能可能承載不同的手勢動作,例如點擊、雙擊、劃動、滑動、輕掃、拖拽、長按、旋轉(zhuǎn)、捏合拉伸(放大縮?。┑?,從手勢出發(fā)可能時交互創(chuàng)新的一個突破點(例如手指捏合放大縮小文字、屏幕大小)

流轉(zhuǎn)動畫:

操作伴隨響應(yīng),動畫可友好表達響應(yīng),常見需要考慮動畫的出現(xiàn)消失實際、動畫樣式、動畫方向、動畫展示時長等(包含頁面流轉(zhuǎn)動畫等)

操作反饋:

交互中不可或缺的一環(huán),一定要給與用戶交互反饋(例如點擊時出現(xiàn)觸控漣漪),避免出現(xiàn)用戶不知道自己是否操作成功了的情況(例如網(wǎng)速較差時,點擊btn未及時跳轉(zhuǎn),但是用戶無點擊反饋,此時不知道自己是否成功點擊了)

具體可參考:交互設(shè)計原則

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容