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

風格:功能模塊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è)計的主要元素可歸納為以下:

交互觸區(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è)計原則