产品经理要学会摆按钮？先看完这八个属性精选.pdfVIP

产品经理要学会摆按钮 ？先看完这八个属性 小芒果导读 ：用户体验在产品设 上扮演着越来越重要的角色。哪怕只是一个小小按钮的摆 放都大为讲究 ，那么作为产品经理 ，到底需要做多少工作 ，你是否考虑全面了呢 ？ 工作以来 ，已经不止一次地有人问我 「为什么同样做一个策划 ，你总能想到很多我想不到的事 情啊 ？」我实在不想告诉对方说 「等你做多了也就自然能想这么多了。」这句很坦诚、很客观、很 实际的话对于你们这些喜欢 「干货」、急于实行措施后立竿见影的 「产品经理」们似乎是一句废话 。 不过想到当初百度某牛逼产品经理在手机Q Q校招宣讲会上面对主持人一句 「你觉得产品经理是干 什么的 ？」的问题时那个充满讽刺的 「摆按钮的」回答 ，以及后来某两位压根不了解产品经理职位 内容就因为自己是码农就一味加以抨击的死胖子 ，我不免对其厌恶有加。而今天我不妨就拿 「一个 按钮」为例 ，一方面为打仨傻逼的脸 ；说说在这简简单单的一个按钮上 ，一个产品经理需要做多少 工作 ，以及为何我能考虑到那么多你想不到的事情。 我觉得 ，这篇文章应该比那本书更值得叫 「人人都是产品经理」 ，因为通过这一篇文章 ，你的确可 以立马进入产品经理的工作状态。 喏 ，废话不多说 ，现在我们要开始摆一个按钮了 ： 一、设备 作为产品经理 ，我想你不管在纸上还是在Axure上画原型 ，首先都要有一块面板 ，这块面板的大小你 可能会选择64 0* 1136 ，也可能会选择720* 1280 ，也可能是204 8* 1536 ，还可能是1280*800。 O K第一个考虑点就来了——你要在什么设备上摆这个按钮。 依据这个点 ，你画出了一个合适大小的面板。 如果你不考虑会有什么后果 ？那就是所有人都会怀疑你是不是知道自己这个团队是做什么的。 当然这点一般不会有人遗忘 ，所以接着往下走。 总结一 ：了解常见设备和网页设计和桌面软件设计的基本分辨率和布局。 二、位置 我见过一些老板/产品经理对设 师说 「喏 ，那儿加个按钮」 ，设 师问 「加哪儿 ？」回答是 「你看 着办吧」 ，于是设 师按照布局上的美感给这个按钮安排了一个很好看的位置——左上角。 结果你每次按这个按钮都累得要死。 所以你要考虑的是 ，根据目标设备对于用户来说常用的交互姿态 ，去决定这个按钮的位置是否合理 、易于操作。比如用户右手持机的话 ，左上角显然不是一个理想的常用功能按钮摆放位置。 由此开发同学会要求确定一个 「坐标值」 ，不过一般这个坐标都是设 师给出了 ，因为设 师出设 图的时候要标注控件距离。 但那不代表你就不应该了解。 恰恰相反 ，你最好要了解 ，不是让你去像设 师一样记住那个坐标值 ，而是在把需求推到设 师那 里的时候 ，向设 师讲清楚你希望这个按钮大体在什么位置、为什么要把它安排在这个位置、对使 用有什么影响。 总结二 ：了解 件设备屏幕坐标系的设定 ，和基本的人机交互理念。 三、大小 现在按钮的位置有了 ，想让用户方便的点击还需要什么 ？ 没错儿 ，按照那个什么茨定理 ，除了距离控件越近之外 ，控件越大也越容易点击。 所以我们应该把这个按钮做到一半屏幕那么大 ！！！ 哈哈哈当然不是 ，我们要给按钮一个合适的大小——想想那个什么44 px原理 ？ 总结三 ：了解相关设计规范中给出的那些交互设计要求并能理解其缘由。 四、形状 你的按钮得有让人看得出来的样子对吧 ？ 所以要选择一个合适的形状。 比如在Mat erial Design的规范里 ，A B的样式就一定要遵循规范为圆的 ；再比如在弹出的A lert 提示 框中 ，下方的两个按钮一般都是方的。 图形中有三种基本形状——矩形、圆形、三角形。通过这三种形状的变化和拼接 ，你可以创造出各 种各样的图形。 当然这理论上来说也应该是设 师的事情 ，但你一个产品经历如果连各平台的设 规范都不了解 的话 ，很容易被压制的哦 （比如苹果商店Reject 的理由里就有非规范设 这一条。 ） 总结四 ：了解相关设计规范中对各种图形使用所给的建议并能理解其设计规范的作用。 五、颜色 这一点也是老板和产品经理们经常放过去的——让设 师来定就好了嘛 ，他们更专业。 但是——他们的专业 ，只是在平面设 上专业 ，而用户对产品色系的敏感度 ，他们比你更了解 ？ 你对色值可以不需要了解到DB4 74 7和A E0808的区别这种程度 ，但是色彩三要素——色调、明度、 纯度——的变化对于人的感觉有什么影响你一定要了解。如果不懂 ，请自己恶补相关知识。 总结五 ：不要再跟设计师说 「我要一种大气的颜色」这种屁话 ，转而用