美文网首页体验式设计研究野蛮的产品经理创业
从产品原型到交互设计的过渡——初学者心得

从产品原型到交互设计的过渡——初学者心得

作者: 镇雷 | 来源:发表于2014-12-31 12:39 被阅读2660次

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

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

    1.注重页面空白部分

    注重页面空白部分

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

    2.关注界面的极限情况

    关注界面的极限情况

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

    3.合理的错误提示

    合理的错误提示

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

    4.正确的消息提醒渠道

    正确的消息提醒渠道

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

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

    根据情况选用等待图标

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

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

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

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

    相关文章

      网友评论

      • 0f027ec588a4:差点忘记给你点赞了
      • 朝聆夕改:不是应该用贝赛尔曲线,高级函数来做交互设计,才是阿里UX的范吗
      • 镇雷:@阿九 爷说的对!
      • 阿九:@阿九 做产品,表意重过表形,原型做得太过华丽和花哨,人家会觉得你更应该去做设计师。实质上这些图形的首要目的是用来衬托你想表达的意思,如果架子搞得喧宾夺主会让你在人面前显得很浮夸。
        太能吃不方便透露姓名:@阿九 有道理,不过相对于中国的设计师,外国的设计师是功能与形式同时都可以做的很好的,花哨中带着内涵 我们还是要多多学习啊
      • 1211b776cd48:@阿九 还是没太理解什么意思
      • 阿九:@MadNietzsche 原型的意义镇不住架子的话,容易让开发和设计觉得你在装逼
      • MadNietzsche:@阿九 为什么说少用balsamiq :flushed:
      • 镇雷:@阿九 现在已经基本不用了,还是手绘草图更方便。
      • 阿九:少用Balsamiq
        376e772c2d3f:@阿九 为什么这么说?Balsamiq有什么不好的吗?
      • woshinicheng:敢问撸主是在哪里习得的技能?
        实战?理论?
      • woshinicheng:有帮助,多谢!
      • 张胤laji92454:这是balsamiq做的么?
      • 张胤laji92454:这些细节都很常见很重要。
      • 镇雷:@maye 恩 一般居左居右比较好,居中太多的话两边的间距会随着屏幕变化变得不好控制
      • maye:考虑不同尺寸屏幕的兼容性-- 尽量避免过多的居中元素。这个一直忽略了,有启发~
      • 镇雷:@褚福玺 产品设计不太可能有太全面的讲解,不同的功能和需求就有不同的设计。不过针对某几个方面做一个系列倒是有可能的。
      • 星线:小细节琢磨的挺好,希望能有一个整体系列讲解
      • 镇雷:@suy 文章写的比较早了,现在看起来还有很多不恰当的地方,继续努力~
      • suy:图文很清楚~谢谢分享~
      • truelie:手机扫描、清理、杀毒扫描等都喜用圆盘式的进度展示。

      本文标题:从产品原型到交互设计的过渡——初学者心得

      本文链接:https://www.haomeiwen.com/subject/hwrztttx.html