移动端APP原型设计三部曲

画原型是移动端PM的必备技能，今天我来系统性的讲解一下移动端APP原型设计三部曲：定保真；画页面；加交互。希望通过这篇文章，能够让初级PM知道比较规范的原型设计步骤，而不是盲目的根据自己的感觉来画原型，来设计APP。希望可以让大家少走一些弯路。根据7年的产品运营经验总结得来，不一定适合所有的移动端APP团队，但是对于大部分中小团队还是比较有借鉴价值。移动端APP原型设计三部

原型设计 2017年12月19日

教学需求至上：MOOC平台Coursera的web端选课流程及关键页面设计

笔者通过深入体验，对每一种选课流程的设计思路进行了概括，并从教学需求的角度对关键页面设计作了进一步的讨论，最后对课程注册页面进行了设计思路分析。笔者深刻的体会到，教学需求是教育产品设计过程中不得不考虑的因素。选课流程和上课流程是Coursera平台两个关键业务流程，也是用户在平台操作的关键体验流程。通常情况下，页面流程设计，需要考虑到综合考虑用户需求和业务需求；但是在教育类

用户研究 2017年12月14日

落地页设计有问题，无法达成转化，如何修改？

不要迷信设计师是哪个院校、哪个专业毕业的，美院毕业的只能说明他曾经在绘画及相关课程上比普通人受过更多的训练。然而宣传推广的视觉效果不仅需要这些基础训练，更多的是经验积累，系统学习，以及对人性的把握，对市场的了解。通过眼睛看世界，是我们每个人与生俱来的能力。审美能力虽然有高下之分，但实际上也是人人皆具的。然而，是否只要会看、有审美、有用户视角，就可以解决宣传推广中遇到的视觉效

产品经理 2017年12月08日

一款APP设计的从0到1之：iOS篇（精华版）

很多时候，我们都忙碌在每天的撸图和改稿中，很少的去整理归纳结和思考工作的一些问题和方法，善于总结反思才能达到事半功倍的效果。今天U妹在这里将自己在设计中的一些经验和技巧分享给小伙伴们，这篇文章集合了前面的6篇精华，希望可以给你一定的帮助。目前在行业里，关于iOS的设计规范也是层次不齐，很多都还停留在6的设备和ios 9的系统之上，而现在最新的是iphone 7和iOS 10

产品设计 2017年12月06日

运营必备：2张图，教你打造高转化率落地页

落地页怎么设计才会有较高的转化率，文章通过两张图与你分享一些方法套路。不同于传统行业可以将产品拿到用户面前展示演示，互联网产品和服务基本都是“虚拟的”。怎么给用户感知其价值，就要靠落地页去解释和说明了。当流量引入之后，落地页如果不能引起用户的兴趣，是很难进行转化的。所有流量的引入就功亏一篑了。一、先聊聊什么是落地页。先引用两个释义：百度百科 ：落地页也称“着陆页”。是指

产品运营 2017年12月06日

浅析消除用户焦虑情绪的五种方法

优秀的产品要学会消除用户的焦虑情绪。大多数App都要与服务器进行数据的交换，用户向服务器发出数据请求，服务器接收到请求之后向用户展示上传或下载相应的数据。由于网络原因，需要花费一定时间，才能完成这样的交互。在等待的过程中，往往让用户产生了不同程度的焦虑感。我整理了一些案例来分析一下互联网产品都是通过怎样的方式来消除用户的焦虑感。一、异步处理（Asynchronous Pro

用户研究 2017年12月01日

人工智能与设计（3）：人工智能时代下交互设计的改变

前面通过两篇文章《人工智能的发展和定义》和《面向用户的人工智能系统底层设计》介绍了人工智能的基础和对未来人工智能系统底层设计的思考。对于设计师来说，我们更关注的是面向用户的设计，这篇文章更多讲述的是上层应用的交互设计。在人工智能时代下，交互设计会发生颠覆性的变化，主要为信息架构的改变以及有更多新型组件的出现。信息架构要说信息架构(Information Architectu

业界综合 2017年11月13日

iPhone X 适配 手 Q H5 页面通用解决方案

来自腾讯 ISUX 社交用户体验设计中心设计师对于 iPhone X适配 H5页面的解决方案。目前的 H5 页面可以分为通栏页面和非通栏页面两种，每种页面都可能有底部操作栏，具体如下：通栏页面顶部通栏某些业务的一级页面多数使用了顶部通栏 banner 的效果，由于 iPhone X 在状态栏增加了24px的高度，对于现在通栏 banner 规范的内容区域会有遮挡情况。解决方

产品经理 2017年11月10日

用“Z”型模式阅读网页的内容

在本文中，我将介绍在网页设计中使用“Z”型模式创建视觉层次结构的理论和实践。很容易想象每个用户在兴奋地阅读你写的每封信时。其实他们不是在阅读而是在扫描。 用户不读取 网页， 他们只是扫描。 扫描意味着只有当他们的视角集中在一些事物上时才会停下阅读。作为一名设计师，你可以很好地控制人们在查看你所设计的网页的外观。为了创造出访客眼睛要遵循的正确途径，你需要了解我们的眼睛是如何处

产品经理 2017年06月22日

Web design trend 2017/2018

前面给大家介绍了下2017年的UI设计趋势《UI Color trend 2017/2018》，这篇文章给大家带来的是网站登录页面的设计趋势。为了不错过任何一种设计趋势，下面我们一起来看一看。趋势一：对角线布局对角线布局的方式，采用一种不对称的方式布局页面，通过把视觉重量放在左上角和右下角来使页面保持平衡。这种布局方式除了让页面更美观之外，这种沿着对角线的平衡也有助于建立良

业界综合 2017年04月19日