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

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

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

1.注重页面空白部分

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

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

 2.关注界面的极限情况

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

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

3.合理的错误提示

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

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

4.正确的消息提醒渠道

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

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

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

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

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

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

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

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

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

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

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

相关推荐

  • 交互留学 | 交互设计中人机工程学应用的11个小贴士

    许多手机的设计都存在一个问题:从表面上看很不错,但当你真正使用它的时候,你会发现设计者忽略了一个最重要的因素—人机工程学,与人类肢体(而不是其他)相匹配的高超艺术才是设计界的幕后英雄。对工业设计师来说…

    2017-08-01
  • 未来5年设计的25个趋势

    最近Herman Miller的设计总监接受了 fastcompany 的采访,和另外几家公司的设计师一起,畅想了未来 5 年设计界的 25 个趋势。

    2017-05-15
  • Axure优雅装逼指南:开启原型高颜值形态

    作者寄语 / 一直想写的Axure小技巧分享,终于动手写了。望能对亲有所帮助,文笔粗糙请谅解。内容目录:啥是高保真原型?简单说明原型Axure可以画出什么水准的高保真?给示例,开启装逼模式特殊的技巧:核心内功:目标清晰/理解设计规范画图习惯:像素对齐/用浅色/上素材啥时候上高保真?:适用场景 and 不适用场景啥是高保真原型?啥是原型,从事互联网研发体系的同学,肯定非常熟悉,特别是产品岗同学。如果不是,那如下简单讲原型和高保真原型的:原...

    2018-04-28
  • Sketch book 各种材质产品手绘表现-别人家的手绘本,拿走、收藏... [更新]

    ▲点击关注最不可思议干货今天给大家共享一波Sketch book 各种材质产品手绘表现...拿走、收藏...手绘飙车活动进行时,点击按钮加入...手绘零基础▼点击看>此方法,让零基础小伙伴们透视准确率达到98%...津美优设2017暑期1期课程|格物造型.第5天: 线稿基础-借体推敲Ⅱ点击看>此方法,让零基础小伙伴们形态推演能力爆棚!造型推敲、设计发散!津美优设2017暑期1期课程|格物造型课程.第6天:借体推敲Ⅲ点击看>此方法让零基础...

    2018-03-23
  • 随想:智能车人机交互设计三要素

    BYTON拜腾标志性的共享体验屏和触摸式方向盘近期会总结下自己对智能车、自动驾驶人机交互相关的思考,很碎片,想到哪总结到哪。今天先写智能车相关的内容。这里的智能车先缩小范围到还需要人类驾驶员的智能网联汽车。1、总结之前,有个疑问。我很想知道各大车企在研发测试智能车的时候,是否有认真、大量地拿真实用户、真实场景,而非实验室场景去测试其诸如中控大屏这样的智能产品/功能?在我的印象里,或许车企更多的测试依旧在传统意义上汽车这一交通工具的性能、...

    2018-04-22
  • 【技术篇】AR应用交互设计时需要思考的3个问题

    首先我们要了解,AR增强现实通过实时的在现实环境中渲染虚拟数字信息,通过现实和虚拟的结合来帮助用户完成某项任务和活动。AR中的虚拟数字信息通过与现实环境以及用户的实时互动来向用户传递有价值的信息。相比“传统的”2D层面的交互(手机app,web等),AR可支持的是更加丰富的三维层面的交互方式;并且这种方式不再仅限于主动式的交互(点击,滑动)方式,它还包括用户行为的被动触发。本文将向大家介绍一些典型的AR应用以及它们的交互方式,并且和大家...

    2018-03-29
  • UI设计师工作必备的七个设计神器

    今天推荐的这7个神器,有经典款也有新人版,不过大致贯穿了UI设计的整个工作流程,从排版、配色、切图到标注、预览,都有对应的良心神器推荐 ,非常适合刚入门的UI设计师,当然,有两款谷歌刚出的神器,也值得老手们来瞧一瞧。

    2017-05-31
  • 交互设计牛校排行榜 | 卡内基梅隆

    创艺典国际艺术教育之院校介绍有一位老大哥是高校里的老大哥他在艺术、工业、计算机专业非常强势除此之外它还拥有全美顶尖对顶尖的计算机学院和戏剧学院他就是Carnegie Mellon UniversityCMU卡耐基梅隆大学这些看上去毫不相干但都那么强势的学科结合在一起岂不是成了飞机中的战斗机赛车中的四驱兄弟?卡梅这位老大哥还真这么干了他们开设了一个项目那就是——人机交互交互设计中应用最广泛的学科分支卡内基梅隆的人机交互项目是全球的交互项目...

    2018-04-26
  • 五大新玩法和新设计方向,教你设计出不一样的年货节页面

    年关将近,今天就主要分享一下我对这些年的年货节页面看到的一些现象,发表一些自己的看法和思考。“天哪,怎么几乎所有的年货节页面都是红红火火毛笔字,高高兴兴过大年的手绘风格啊?这让我们这些不会写毛笔字也不会手绘的人怎么活?”“抢年货”
    “钜惠来袭”
    “有礼贺新年“
    “贺岁狂欢“
    “年货盛典”
    “年味中国”
    “春节不打烊”
    ………………..

    2017-05-10
  • 线上与线下零售体验设计分析

    本文作者将结合自己对线上与线下零售的实际体验,与你交流用户体验设计策略相同之处,提升融通思维的洞察力。本文行文思路如下:
    1、用户流量
    2、停留时间
    3、回访频次
    4、客单价
    5、盈利模式
    6、总结

    2017-04-29