3

产品设计中的交互设计策略?

 1 year ago
source link: https://www.pmcaff.com/discuss/3390950590952512?newwindow=1
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

产品设计中的交互设计策略? - PMCAFF产品经理社区

想要设计一款逻辑清晰的产品,在原型设计时需要思考几个问题

  • 此原型的用户是谁,领导、团队成员还是客户?

  • 原型需要达到的目的是什么?

  • 用户的使用场景是什么?

  • 需要提供什么样的用户体验?

  • 后续的工作流程如何把握?

不同的使用对象有着不同的需求,要根据不同的需求设计不同的原型,不同的原型复杂程度和侧重点都是不同的,所以原型设计需要带着很强的目的性和针对性。面对用户,除了满足基本需求外,也需要考虑用户体验。针对不同的使用场景,设计不同的展现方式,可以是图片、文档或在线页面等,有了良好的用户体验,产品原型才能发挥最大的价值。

此外,为了界面更加轻快明朗,产品原型设计需要了解哪八大原则

1.对齐原则

相关元件和内容按照层次必须对齐。

2.亲密原则

相似而不同的内容分成几个区域,各区域相关内容相互聚拢。

3.对比原则

加大不同元素或者板块的对比和视觉差异。

4.一致原则

不同页面的相同内容,设计上的必须保证一致性和连贯性;不同页面相同元件和交互事件必须保证一致性。

5.留白原则

注意页面元素的密度,保持必要的空白。

6.降噪原则

颜色过多、字数过多、图形过繁,都是分散注意力的”噪音”,注意页面整体视觉效果,整体色调必须以灰色系为主,点缀色为辅。

7.节省原则

元件使用尽量节省,可以一个面板处理不要使用两个,可以一个事件处理,不要多个。

8.MECE

交互/用例设计满足相互独立完全穷尽原则(MECE原则),避免遗漏和交叉。一个好的产品原型可以让其他人迅速理解我们想要做什么事情,减少团队沟通成本。

总体来说,原型设计需要表达清楚三个地方: 

1、界面元素

什么是界面元素,比如文字、下拉框、按钮、图标、图片等等这些都属于界面元素。我们在运用原型设计工具(如axure、墨刀、visio等)设计产品原型的时候,需要明确界面上的元素是什么,如何展现,鼠标移动或者点击上去是怎样的效果。 

2、数据逻辑

这一点往往也是非常多创业团队和新手产品经理容易忽视的。比如一个直播列表界面,上面有三个tab,分别是关注直播、热门直播、最新直播,那么最新直播是基于怎样的数据逻辑获取的,你就需要在你的原型设计上进行说明了。当然,最新直播的数据获取逻辑是比较简单的,也许你不和研发人员说明清楚,他们也能知道是按时间倒序排列;但如果碰到稍微复杂一点的数据逻辑呢,就比如刚刚说的关注直播的数据获取,是获取关注的机构的直播呢?还是获取个人的直播呢?这都是需要说明清楚的。 

3、操作逻辑

一个原型界面上可以进行操作元素的有哪些,哪个可以点击,哪个可以选择,操作后出现怎样的反馈,比如弹出浮层?进入新页面?或是跳出新页面?还是给一个怎样的提示?这些也是需要在原型设计里面说清楚的。

原型设计的重要性不言而喻,当设计和开发流程中有了原型之后,将会节省很多时间,降低成本。节省时间、控制成本对于任何企业而言都是非常重要的事情。

重点来了,原型设计工具很多,为什么码前值得尝试?

在码前原型设计模块,原型结构和前面的思维导图是一一对应的,即便你修改了其中一个结构,两边也能够实现同步。这么一来,就不会出现因为需求变更而导致忘了修改思维导图和原型结构的情况。

此外,码前在创建应用时还支持不同模板的选择,涵盖了 app、小程序、PC 站点和 B 端常用的管理后台等。不同模板分类下还细分了行业,根据这些行业解决方案能快速生成所需的产品原型,这就大大避免了重复造轮子的情况出现。


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK