![零基础学交互设计](https://wfqqreader-1252317822.image.myqcloud.com/cover/273/34233273/b_34233273.jpg)
上QQ阅读APP看书,第一时间看更新
1.1.3 交互设计的内容
如果说产品的UI设计是“形”,那么交互设计就是“法”,“形”与“法”的相互融合就在于提升产品的用户体验。在进行产品的交互设计时需要考虑的因素很多,绝对不是随便在界面中放一些内容和控件那么简单。
1. 确定需要这个功能
当看到策划文案中的一个功能时,要确定该功能是否需要,有没有更好的形式将其融入其他功能中,直至确定必须保留。
2. 选择最好的表现形式
不同的表现形式会直接影响用户与界面的交互效果。例如,对于提问功能,必须使用文本框吗?单选列表框或下拉列表是否可行?是否可以使用滑块?
3. 设定功能的大致轮廓
一个功能在页面中的位置、大小可以决定其内容是否被遮盖、是否滚动,既节省屏幕空间,又不会给用户造成输入前的心理压力。
4. 选择适当的交互方式
针对不同的功能选择恰当的交互方式,有助于提升整个设计的品质。例如,对于一个文本框来说,是否添加辅助输入和自动完成功能、数据采用何种对齐方式、选中文本框中的内容是否显示插入光标等内容都是交互设计需要考虑的。
图1-5所示为一款电商App界面的交互设计示例,当用户单击某个商品图片后,该商品图片会逐渐放大过渡到该商品的详细介绍界面中;当单击界面左上角的“返回”按钮时,商品图片会逐渐缩小过渡到上一级界面中,这是一种非常自然的转场交互效果。
![](https://epubservercos.yuewen.com/930E53/18320967408555006/epubprivate/OEBPS/Images/Figure-P14_2244.jpg?sign=1738884980-60Nj4PsAclLbdIsPbQOeg0Oj3k15WRn5-0-46ef62c3f163cdd517cd2161a28b2d07)
图1-5 电商App界面的交互设计示例