画原型前要了解的产品套路（四）- 细枝末节

画原型前要了解的产品套路（一）画原型前要了解的产品套路（二）- 用户画像画原型前要了解的产品套路（三）- 任务与流程画原型前要了解的产品套路（四）- 细枝末节画原型前要了解的产品套路（五）- 面向开发的原型根据前面3篇文章讲的内容，我们得到了核心任务的流程，接下来就是要把文字流程图变成图形界面了，这里才是画原型的开始。页面结构页面结构可以从大的方面分成四部分，对于不同的产品

产品经理 2016年10月07日

规范抢先看！微信小程序的官方设计指南和建议

基于微信小程序轻快的特点，我们（微信官方）拟定了小程序界面设计指南和建议。 设计指南建立在充分尊重用户知情权与操作权的基础之上。旨在微信生态体系内，建立友好、高效、一致的用户体验，同时最大程度适应和支持不同需求，实现用户与小程序服务方的共赢。一、友好礼貌为了避免用户在微信中使用小程序服务时，注意力被周围复杂环境干扰，小程序在设计时应该注意减少无关的设计元素对用户目标的干扰，

产品经理 2016年09月27日

SEO 优化 |10 个网站用户体验优化的研究结果

来源|作者 ID:scvhuang我们不断地从各种地方，听到各种关于用户体验优化的技巧或提示，其中许多乍一听都很富有逻辑，但是假如我们能找到真实的数据和报告去验证这些理论或猜想，显然就能更好地确认预期效果。本文讨论一些用户可用性方面的研究发现，这些研究结果的获取，主要通过视觉轨迹、数据统计报告、以及关于网站可用性改进方面的调研。你将会发现，许多可用性优化的提示是众所周知的

产品运营 2016年09月24日

软塌塌没骨感？一起来学学网页设计中的视觉解剖

@飞屋睿UIdesign ：不想让你的设计看上去软塌塌的无骨感？重要的是摸清它的骨骼！网页设计也有所谓的支撑其视觉效果的骨架，这个骨架在早期的网页设计的视觉上是非常明显的。尽管随着网页设计的发展，其骨架慢慢渐隐，但行家自有解剖眼光，看出内在的门道，一起来学习。网页构图技巧：设计的骨架：视觉解剖1983年苹果官网的首页设计，可以清晰的看到这种矩形块状的整形切割。 随着网页设计

产品 2016年08月30日

把买家秀变成卖家秀？这四个方法帮你百分百还原UI设计稿！

UI设计还有买家秀和买家秀？其实就是设计稿和最后上线页面的对比。我们经常发现设计稿美轮美奂，整齐工整，最后上线的页面却惨不忍睹。今天这篇好文总结了4个原因和解决方法，帮你搞定这个问题。关于还原UI设计稿这件事，很多前辈都分享了他们的经验：《解决这13个问题，可以实现99.9%的设计稿还原》《实用干货！视觉设计师如何让设计效果高还原度落地？》产品，运营甚至boss得问了：这做

产品 2016年08月30日

超实用！五枚UI设计师专用の灵感神器

参考别人的设计是很好的，可以保证自己不犯低级错误，也可以博采众长或者激发灵感，可惜搜竞品设计太浪费时间了。我自己存了几个不错的网站，为了这篇文章我又加了一两个。这些都是收集design patterns的，不管你是要做消息列表界面，还是电商买单界面，都可以找到大堆的灵感。总裁设计师推荐的灵感网站：《设计师必备！10个包罗万象的灵感发掘网站》LOGO灵感：《灵感知识两不误！1

业界 2016年08月15日

网站后花园！9个小技巧帮你打造优秀的「关于我们」页面

@惜可若己 ：「关于我们」页面是让网站访客能联系你，以及了解公司团队成员的一个重要入口。今天这篇好文整理了9个创建优秀「关于我们」页面的设计原则，适合新手学习/查漏补缺，来收。这儿有两组优秀案例让你边看边学：《个性宣言！40个优秀的关于我们页面网页设计案例（上）》《个性宣言！40个优秀的关于我们页面网页设计案例（下）》1、让访问者能轻易的联系到你在某些情况下，访问者可能会有

用户研究 2016年08月14日

电商好文！超多实战案例帮你解锁5种商品摆放姿势

不沉的骨头：在做活动页面的时候你是不是也会跟我一样纠结商品要怎么样摆放呢？商品的摆放跟页面的板式布局紧密相关。这次为大家带来的是活动页面设计之商品的5种摆放姿势，下面我们一起来看看。往期电商设计好文回顾：《高效流程！帮你快速做出优秀电商BANNER 的设计三部曲》《超实用！5个帮你快速进阶的电商BANNER 设计技巧（案例多）》《设计基础功！聊聊平面构成中的点线面（超多案例

产品 2016年08月03日

《JavaScript 闯关记》之初探

当学习一门新的编程语言的时候，应该边学边做，反复演练以加深理解。因此，你需要一个 JavaScript 解释器。幸运的是，每一个 Web 浏览器都包含一个 JavaScript 解释器。可以通过在 HTML 文件里写一个 元素来嵌入 JavaScript 代码，当浏览器加载 HTML 文件的时候，它会自动执行这段代码。如果运行的是一小段 JavaScript 代码，则不必

业界 2016年07月31日

当你画线框图时，你应该想些什么？

我们每个人在刚入行的时候，接到项目需求，最初更多的会沦为产品经理的画图工具，帮他画好线框图、补全场景状态反馈等，这时候你可能会彷徨痛苦，感觉自己没有办法实现作为交互设计师的价值，不用彷徨痛苦，你现在需要的只是一个完善的工作流程，下面我就抛砖引玉来讲一下当我在画线框图时，我在想的12345……，希望对刚入行的小伙伴能有所帮助。1.分析梳理确认需求如果不想沦为产品工具的话，首先

交互体验 2016年07月27日