看2B产品经理如何高效用1个页面3个文本框搞定找回密码

看2B产品经理如何高效用1个页面3个文本框搞定找回密码_第1张图片
找回密码高保真原形图

通过本篇你能学习到如下知识:

1.怎么画好流程图。

2.如何确认各种异常,即边界处理。

3.如何做好交互设计

4.web网页设计的常见原则:对齐、分组、反馈……

曾几何时,你是否也遇到过,不经常使用的网站平台,忘记登录密码时而烦恼!

又或者是某平台(如下图),需要经过这么多操作步骤(5个页面N个按钮)才能找回,那是何等的“着急”呀!

看2B产品经理如何高效用1个页面3个文本框搞定找回密码_第2张图片
U站后台 找回密码页面

那有什么好的方法,可以快速在一个页面5步之内实现找回密码?

经过思考,画出草图,和朋友讨论后,最终设计出开篇的高保真原形图。

可这后台的逻辑流程真的那么简单么?

放出当时用axure画的流程图。

看2B产品经理如何高效用1个页面3个文本框搞定找回密码_第3张图片
看2B产品经理如何高效用1个页面3个文本框搞定找回密码_第4张图片
看2B产品经理如何高效用1个页面3个文本框搞定找回密码_第5张图片

各位童鞋,非常抱歉,因暂时还未找到截取长图的方式,也未用PS合并长图,就拆分成4张图片,这真的只能怪我咯。


是不是,通篇看完后,发现文不对“前”,哪有什么交互设计,哪有什么边界处理,哪有什么web网页设计原则,先不说,下篇放出本稿的解读篇。

最后,福利来啦,回复【原型】可以下载本篇的高保真原型图哦。

你可能感兴趣的:(看2B产品经理如何高效用1个页面3个文本框搞定找回密码)