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

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


互联网产品交互设计思路与方法_第1张图片


互联网产品交互设计思路与方法_第2张图片


互联网产品交互设计思路与方法_第3张图片


互联网产品交互设计思路与方法_第4张图片


互联网产品交互设计思路与方法_第5张图片


互联网产品交互设计思路与方法_第6张图片


互联网产品交互设计思路与方法_第7张图片

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


互联网产品交互设计思路与方法_第8张图片


互联网产品交互设计思路与方法_第9张图片

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

一、产品设计的理念

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

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

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

互联网产品交互设计思路与方法_第10张图片

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


互联网产品交互设计思路与方法_第11张图片

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

互联网产品交互设计思路与方法_第12张图片

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

三、交互设计的三个要素

互联网产品交互设计思路与方法_第13张图片

四、交互设计的四大策略

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

互联网产品交互设计思路与方法_第14张图片        互联网产品交互设计思路与方法_第15张图片

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

互联网产品交互设计思路与方法_第16张图片

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

互联网产品交互设计思路与方法_第17张图片

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

互联网产品交互设计思路与方法_第18张图片

五、缺省页设计

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

互联网产品交互设计思路与方法_第19张图片

互联网产品交互设计思路与方法_第20张图片

互联网产品交互设计思路与方法_第21张图片

你可能感兴趣的:(产品经理)