产品原型和交互设计的区别

 产品经理根据需求来规划产品原型,但是产品原型往往比较粗糙,可能只包含了核心功能描述或者模块划分。我们之前问过很多朋友产品经理的原型和交互设计师的原型相比有何异同,得到的结果简单来说,前者更加笼统且注重功能规划;而后者则更加细致,注重的是人机交互和用户体验。

  我们都希望自己能成为一个产品设计师,不仅仅是产品经理。因此今天来和大家交流一下作为一个初学者在最近交互设计工作中的一些心得。

1.注重页面空白部分

  对于空白列表、空白正文或缺失图片时,最好能够给予恰当的反馈,而不是给用户看白纸。

产品原型和交互设计的区别

 2.关注界面的极限情况

  对于可能出现的过多的内容、表单和条目,应当提前有预防措施,避免内容超出预设的范围。

产品原型和交互设计的区别

3.合理的错误提示

  灵活使用弹窗和页面内提醒非常重要,自然的提醒方式比突兀的阻挡视线更为有效。

产品原型和交互设计的区别

4.正确的消息提醒渠道

  对于应用内提醒,尤其是聊天类等容易触发多条消息提醒的应用,不宜使用系统级通知。只有当用户处于其他应用时,为了让用户回到有消息的应用中,才会使用系统级通知。注意,系统级通知推送要合并内容,不要让用户下拉之后看到长串的消息。

产品原型和交互设计的区别

5.根据情况选用等待图标

  圆盘形的等待/计时占用面积更大,有时会放大用户等待的焦急感。进度条则相对温和一些。当然,并不是说所有时候都选用进度条,需要展示更强视觉效果的时候,圆盘也是一个好选择——尤其是和计时相关的时候。

产品原型和交互设计的区别

6.考虑不同尺寸屏幕的兼容性

  尤其是安卓手机的屏幕尺寸过于繁杂,在设计界面和交互时,应该尽量避免过多的居中元素。因为当你屏幕拉伸时,居中的元素依然保持在中心,但是周围居左居右的元素和中心元素之间的距离将变得无法控制。甚至当尺寸所小时,元素还会层叠在一起。

产品原型和交互设计的区别

感谢您的阅读,如果觉得还不错,分享朋友圈哦!

原创文章,作者:Smiler李想,如若转载,请注明出处:https://www.iamue.com/3621/

(0)
Smiler李想Smiler李想
上一篇 2015-02-02 11:45
下一篇 2015-02-03

相关推荐

  • loading做成什么样子,我才会等!

    文/Seven 来源/数英网 毫无疑问,每个人都不喜欢等待。尤其是在浏览自己喜欢的页面或电影时,对着千篇一律、毫无新意的加载页面,简直枯燥乏味无聊极了! 实际上,有研究表明,普通用户能够忍受的最长的加载页面的…

    2016-04-21
  • 求职指南 | 阿里巴巴2018春季实习生招聘-中科大站

    阿里巴巴2018春季实习生招聘技术高校行中国科学技术大学站从全世界规模最大的电商双11安全级别最高的支付金融到全球领先的云计算覆盖全球的智能物流……今天的阿里巴巴正在从商业模式创新的引领者逐渐成为科技创新的引领者在技术高校行现场有资深的技术大牛和亲分享阿里重点技术有各级学长们和亲聊一聊这一年的成长有亲切的HR带领亲领略阿里的企业文化本硕场同学们提前将简历投递到官网相应职位报名,将有机会获取交流会名额、免笔试、现场面试、进入快速Offer...

    2018-03-23
  • 外媒盘点:2014 年最佳 UI&UX 设计

    外媒 fastcodesign 就盘点了 2014 年最佳 UI&UX 设计,这其中有几款设计让人眼界大开,我们一起来看看吧。 GravitySketch 3D 虚拟画板 GravitySketch 让设计师们随时随地"凭空工作"成为了可能。使用者需要戴上 …

    2015-02-04
  • Axure实践第二讲

    Axure实践第二讲---如何有效的在工作中引入原型·页面枝干·添枝加叶·画龙点睛在近期的产品需求开发过程中,我们产品小组正式且大量的将原型开发工作投入常规的需求分析工作中,原型的开发对于我们在产品初期的调研、构建都提供了很好的指导。接下来就让本文带你领略:产品与原型的一节课。一、功能结构图(页面枝干)1.切入点是功能结构图(自顶向下)从大的方向上去划分几个大的模块类型,适用于业务功能较为单一且业务逻辑处理流程较为简单,如在做市商系统构...

    2018-03-16
  • 交互设计GSM数据模型浅析

    交互设计GSM数据模型浅析GSM Data Model Analysis Of Interaction Design你是否记得:“那年那天那间会议室,激情四射,实际是射击狮与产品狗在设计方案上斗的你死我活”你是否还记得:“老板、甲方、PM对你的质疑:设…

    2017-08-04
  • 搞定设计版本控制!一份超详细的 Sketch git 插件使用指南

    一份超详细的 Sketch git 插件使用指南

    2016-05-31
  • 你可能忽略掉的Sketch使用技巧

    Sketch毕竟没有什么学习曲线,颇易上手,相应的也时常导致新手在一开始就忽略掉一些重要的、高频的使用小技巧,而将一些稍许费力耗时的方式一路沿用下去。这篇内容所针对的便是这样的情况。几乎没有进阶的要点,只针对初学的同学培养正确习惯,还望各位老司机们见谅。

    2017-05-03
  • 广告Banner :20种高度可行、转化率高的设计思路

    Banner广告是快速高效的吸引用户的重要手段。Banner广告在网站中通常都占据着不错的位置,它们的转化率和它本身的设计优秀与否息息相关,最重要的是,它要能迅速的吸引用户的注意力,通过优秀的文案和视觉让用户立刻马上点击。今天的文章,我们通过一系列优秀的范例,帮你梳理Banner 广告的20种高度可行、转化率高的设计思路。

    2017-05-03
  • 超实用!聊聊标签式导航的设计思路(附设计师做笔记方法)

    现在文章基本上都不深入,只是点到某个知识,跟大家说个理论的东西,然后罗列出所有导航的形式。读者看了之后跟没看是一样的,遇到问题还是没法解决,只知道有这类导航存在而已。今天这篇详细地讲了关于标签类导航的几个知识点,希望可以帮助大家在工作中更好的运用。

    2017-05-21
  • 【IXD案例】国际第一时尚品牌VOGUE-iPhone端案例高保真原型-抽屉效果案例

    本次分享给大家展现依然是高保真效果的原型,上一次展现的是iPad版本的,这次是iPhone端版本的原型,和上次一样,我们依然以国际第一时尚品牌VOGUE为例:iPhone端的效果比iPad更复杂,难度更高,我们要做的是抽屉效…

    2016-02-26