当内容或者功能一致的情况下,功能设计和交互细节是是一个值得推敲的关键点,本文从设计元素和交互元素两个方面进行阐述,简要介绍UX决策点:
常见设计相关元素常见设计元素
风格:功能模块or元素的风格——例如可选拟物、扁平、2.5d等
样式:简约icon、图文、文字(包含字体选择)、动态icon等
大小:无论图形或者文字、图片,均需要设定大小范围,这个值一般有迹可循
颜色:icon、文字、背景等的颜色默认值、变化条件、变化范围(增强与减弱)等
线条:界面、分割线、icon、图形边界等的线条考量;字体的加粗等也属于此范围
阴影:图形阴影、分割阴影(例如设置栏与主页面)、交互加强阴影(例如翻页时页面阴影)
位置:icon、模块、btn、toast等的位置(页面/模块的上、中、下等)(标题居中、左对齐等)
距离:与位置强相关,包含不同元素之间的距离(可扩展行间距、图文间距、字间距、段间距等)
亮度:应用的默认亮度(针对阅读类产品,内容阅读时的默认亮度、亮度范围)
值范围:字体范围、亮度范围、行间距范围等(与上述元素相关)
易读性:元素功能便于理解(直观表意;显示生活有迹可循;符合市面上常见设计——用户已被培养)
边界:设计要有边界(文字长度、图片大小等)——默认状态、常规状态、极限状态
交互决策点
交互设计决策点,考虑以下四个方面:
1.对用户操作给予良性响应或反馈
例如:点击需要有合理的响应效果及区域;刷新动效、加载中动效等设计
2.针对用户操作进行前置性考虑
例如:用户一直上划页面查看更多内容时,需要提供返回顶部或者改变查看条件的快捷选项(点击底部icon返回首屏)
3.针对用户操作进行后续引导,保证用户行为闭环
例如:当搜索无结果时,可以增加推荐或者反馈入口
4.必要功能交互的创新和改良
例如:QQ阅读的切换夜间模式使用了拉灯的交互设计
具体实施上,交互设计的主要元素可归纳为以下:
交互设计决策点交互触区:
设计时需要考虑交互触区,随icon大小,或者根据实际使用情况进行适当调整,在设计时需要明确(大多数研发同学会凭感觉来哒~~,这样可能造成一个icon老是点不到就很气了~)
手势要求:
不同的功能可能承载不同的手势动作,例如点击、双击、划动、滑动、轻扫、拖拽、长按、旋转、捏合拉伸(放大缩小)等,从手势出发可能时交互创新的一个突破点(例如手指捏合放大缩小文字、屏幕大小)
流转动画:
操作伴随响应,动画可友好表达响应,常见需要考虑动画的出现消失实际、动画样式、动画方向、动画展示时长等(包含页面流转动画等)
操作反馈:
交互中不可或缺的一环,一定要给与用户交互反馈(例如点击时出现触控涟漪),避免出现用户不知道自己是否操作成功了的情况(例如网速较差时,点击btn未及时跳转,但是用户无点击反馈,此时不知道自己是否成功点击了)
具体可参考:交互设计原则
网友评论