互联网产品交互设计思路与方法

疑问:哪些产品的设计让你感到很绝望?


互联网产品交互设计思路与方法


互联网产品交互设计思路与方法


互联网产品交互设计思路与方法


互联网产品交互设计思路与方法


互联网产品交互设计思路与方法


互联网产品交互设计思路与方法


互联网产品交互设计思路与方法

以上的设计会不会让你感到很绝望? 那么你见过哪些让用户感到很极致的体验设计呢?


互联网产品交互设计思路与方法


互联网产品交互设计思路与方法

看了以上的产品设计,那么产品设计的理念是什么呢?

一、产品设计的理念

  1. 易用性
  2. 高效性
  3. 愉悦性

二、用户界面设计的四大原则

1. 亲密性
 (1)提高用户获取信息的效率,引导用户行动
 (2)关联性比较高的信息,可以归到一组

互联网产品交互设计思路与方法

2. 对齐
 (1)让页面整齐,美观,统一,降低用户获取信息的成本
 (2)元素与元素之间有视觉联系,有明显的视觉间距


互联网产品交互设计思路与方法

3. 重复
 (1)让整个产品实现统一,降低用户的认知成本
 (2)相同的元素进行统一,比如图标重复,布局重复

互联网产品交互设计思路与方法

4. 对比
 (1)增强页面的视觉效果,突出信息,有主次感,快速获取信息
 (2)从元素的大小,颜色等方面进行对比

三、交互设计的三个要素

互联网产品交互设计思路与方法

四、交互设计的四大策略

1. 删除
 (1)聚焦用户最核心的目标,去解决 它,减少干扰
 (2)明确信息和功能优先级,去掉所有不必要的按钮

互联网产品交互设计思路与方法        互联网产品交互设计思路与方法

2. 组织
 (1)将信息界限划分清楚,井然有序,快速获取有价值的信息
 (2)可以运用MECE原则按时间,角色,内容类型,色彩等进行组织

互联网产品交互设计思路与方法

3. 隐藏
 (1)避免分散用户注意力,帮助用户找到更有价值的信息与功能
 (2)优先级较低的功能,一般的个性化设置,适合隐藏

互联网产品交互设计思路与方法

4. 转移
 (1)把正确的功能放到正确的平台或者系统中,将资源的价值最大化
 (2)明确各个终端的优势与特性,明确说明工作交给谁,根据场景进行设计

互联网产品交互设计思路与方法

五、缺省页设计

1. 目的与意义
 (1)背景:用户第一次开始使用产品或者某项功能的初始状态。
 (2)目的:通过精心设计的缺省设计,使得用户能快速愉悦的了解这个产品的功能与具体使用方式,避免干扰用户 ,提升用户体验。若缺省页设计不好,必定会降低用户的体验,导致用户留存率低。
2. 设计思路:2W1H
 (1)What:告诉用户该功能和页面的作用与价值
 (2)Why:告知用户可带来的好处
 (3)How:引导操作、精简步骤

互联网产品交互设计思路与方法

互联网产品交互设计思路与方法

互联网产品交互设计思路与方法