交互细节思考： Calender VS 下拉框

微小的差别给用户的感受可能完全不同。近些天，各大互联网公司的春招和暑期实习的网申陆续启动。网申的基本信息填写，看起来似乎没有什么惹人注目的交互，但只要稍微用心，就能体会到各大公司在页面交互细节处理上的不同，即使是最简单的时间信息的输入，也能体现出公司的专业度， 微小的差别给求职者的感受可能完全不同。 下面就腾讯、网易、京东、美团四家的时间信息输入的交互方式来谈一谈自己对交互

产品 2017年03月22日

用一个实战案例，帮你快速学会现在最火的设计冲刺法！

@Snow是也：上周末去参加了DSC（Design Sprint China，设计冲刺社区）的工作坊，期间学习了源自Google的Design Sprint设计方法，现学现用做了一个服务设计，收获很大。在这里分享给大家。Design Sprint, 设计冲刺，顾名思义就是要在短时间内做出好设计。Google把它定义在2-5天完成设计，核心就是以下这张图。设计过程包括：理解，

产品 2017年03月22日

创造富有故事性的网页，你需要熟悉这 7 个维度

网站能承载多种多样的内容，但无论是哪种内容，通常都会遵循一定的信息架构。在这其中，故事是很特别的一种类型。讲故事，往往能以更叙事、更情感化的方式，将内容传递给用户。一个好的故事，往往始于笔端，但是最终呈现，还是要依靠精巧的设计。那么设计是如何讲好故事的呢？今天的文章，为你分享一下创造故事的7个维度。1、图片首先，想要讲好故事，要通过设计在视觉上吸引用户。这一切要从干净清晰的

产品 2017年03月22日

无论哪种进度条设计，从这 4 个方面入手就能轻松搞定！

不管是在APP还是PC，不管是Loading页，还是在音乐播放器中，进度条的运用都非常广泛，形式也多种多样，让人眼花缭乱。做为一个交互设计新手，项目中也经常碰到进度条设计，总有很多疑惑在心中挥之不去：目标： 为什么会有进度条的存在？引入进度条的目的是什么？类型： 结合使用场景，进度条类型有哪些呢？它们的目标是什么？需要展示哪些信息？形式： 进度条形式多种多样，怎样从本

产品经理 2017年03月22日

APP 标签设计：三问 Tap 的标签布局设计

为什么主流资讯应用都选择4Tab的标签布局？这个看似理所当然的功能设计背后有哪些前潜在的逻辑？看完文章后你可能会有个解答。为什么主流资讯应用都选择4Tab的标签布局？为什么它们的主Tab Menu都放置在屏幕底部？为什么放置在底部的Tab Menu不支持左右滑动切换？不难发现上图中列举的三款应用都使用了放置在底部的4Tab模式，并且在Tab样式上都选择了图标+文字的信息展示

产品设计 2017年03月20日

超全面干货！如何制作符合场景的交互动效？

@野子Joey：动效如今被广泛的使用在界面设计中。但如何合理使用实效，而不是让动效干扰用户，却少有总结的经验。因此本文旨在结合现有的动效资源和案例，总结一下动效的使用目的，使用场景以及实现技术。注：由于动图过大，压缩有损细节，不过对了解动效的原理没有影响，见谅。文章结构：现状介绍动效使用历史动效的使用目的动效使用场景使用动效的注意事项如何制作流畅的动效现状动画作为一种娱乐方

产品 2017年03月21日

AIRBNB 设计总监：这个 80 多人顶尖团队的设计方法是怎样的？

网易UEDC-马韵：这是来自HIGH RESOLUTION的访谈记录，此项目将要访谈25位超厉害的设计大牛，第一集约谈了来自Airbnb的UX总监 Katie Dill。Katie Dill在Airbnb带领大家探索和研究用户体验，并且带领团队学习用故事板的方式来挖掘问题，完善设计。P代表主持人，K代表Katie DillP： 很多人对什么是设计比较迷惑，你怎么理解设计呢？

产品 2017年03月21日

技能 GET：调整 UI 设计稿的三大原则四点技巧

产品经理在面对新公司新同事时，到底该如何正确的与设计沟通，才能使项目顺利进行而不耽误呢？这或许是许多产品汪经常面对的一大劫难，看看这篇文章或许可以帮你顺利渡劫。作为一只产品汪你或许也遇到过如下困扰：刚刚进入一家新公司，还没有摸清同事做事风格的时候，我们就开始画原型并交付 UI 设计。但 UI 输出设计稿给你后，常常不能和你的想法吻合，更惨的是，南辕北辙。而这个时候，你往往语

产品 2017年03月21日

做设计不得不讲究的一个点：平衡

做设计，最难的不是搞清楚解决问题的最佳答案是什么。而是，站在全局去平衡问题与问题之间的关系，做当下资源条件下相对正确的设计决策。体验&商业&技术的平衡在讲平衡之前，我们先看看这四个模型：心理模型： 用户头脑中所认为的一个产品应该有的样子和使用方式，这个模型，可能来源于用户以前使用同类产品的经验，或者是根据使用目标，而对产品产生的一种期望。实现模型： 是产品的内部结构和工作原

产品设计 2017年03月21日

Google 最佳设计奖，Evernote 是这样拿下的

谷歌开发者之前分享了 Airbnb Android 客户端的设计之美，这次带来的是 Evernote 的分析。获 2015 年 Google Play 最佳设计奖的 Evernote，如何同时兼顾高效与优雅？看完这篇文章，你就知道。想要创建一款功能强大的笔记应用程序，同时还要做到让用户体验并不复杂，即使对于那些最为经验丰富的设计师都是一个巨大的挑战。 2015 年，E

产品设计 2017年03月20日