主页 > 建站知识 > 建站指南 > 策划方案 >

后端产品经理笔记:交互方案

作者/整理:07fly 来源:人人都是产品经理 2018-10-18 Tag:


电脑-计划.jpg

图片来源图虫:已授站长之家使用

APP交互受用户体验驱动,臻于精致,纵深广阔。web后台交互因功能复杂而常常做的难看,属于内在”美”,要温度不要风度。对于新人产品,他做的移动交互你可能觉得不满意,但能凑合用。但是拉去做后端的话,他很可能遇到“这东西我咋画啊?以前没整过这么磕碜的!”这样的时刻。因为后端产品类属erp系统,不是人人都有机会偷窥别人家后院的‘过墙梯’。

一、后端交互概述

(1)成熟的后端web系统,甚至可以不跟开发说界面和交互,只需要在后台数据、逻辑规则层面交代清楚,然后一笔带过:“页面展示前 6 个字段,其中字段A、B做搜索”。

为什么?因为每一页的格式都是一样的,插件都是复用的。比如时间搜索都是‘2018-01-02 00:00:00’-2018-02-02 00:01:01’的格式。

尽管同个轮子在不同模块可能会大材小用或者捉襟见肘,但是这样最快,用户能忍受,难题可解决。

所以这种文档写法是不是很轻松又不失体面。——当然前提是你的开发不是新入坑的。

(2)但是遇到跳出六界之外的奇怪需求,或是新系统的时候,轮子不够用,不得不定义界面效果。

概括起来就是:表格、搜索项、按钮、弹窗、加载、提醒等功能,及其交互方式、颜色、字体、大小、间距、位置等。

(3)表格

(4)搜索项

相似项可以合并搜索。比如:修改时间/新增时间下拉选择切换,共用时间选择框。优点是省地方,缺点是不能选交叉的部分。

必要时也可以在右侧增加差异,比如增加‘搜全局’/‘搜当前’,也或者如下图:

下拉选项进行筛选的时候,要考虑多选、搜索、全选: 即点击下拉框 则选项带复选按钮,且上方出现搜索框。

联动搜索:也是多用在下拉框搜索中,比如:‘性别’项选了女的时候,弹出‘是否生育’的下拉框。若选了男则不会出现该次级选项。

带大小关系的怎么玩呢?

比如下面这个可以这样:

当选大于的时候,后面置灰。选介于时候 两侧都能输入。

(5)弹框

二、场景小例子

(1)上传图片是个很简单的场景。我们分析下,在后端做这个至少需要满足 3 点:上传;删除;预览缩略图。

所以简单的可以这样:

(2)如果你做规则设置,那么想象一下,新建规则页面有多个可选参数,还有非参数项,比如:是否启用、名称、优先级:,当需要给一个规则设置优先级的时候。

么选优先级呢?

分析下优先级的目的是,新规则要在全部已有规则中排个优先顺序,因此至少要满足两点:

我们可以看下这个方式:

在新建的规则优先级栏位的放置【编辑】按钮,点击该按钮打开一个含有所有已有规则的弹框,就中列出各规则名称和对应的优先级。然后点击任何一条,则将新规则插入其前(也可以规定为其后),然后保存即可。

(以上所述都是比较简单的,有机会做补充,欢迎大家交流。)


上一篇:Banner 的不同样式类型分析

下一篇:用户界面,真的需要有那么多留白吗?

相关新闻

2008-2020 © 成都零起飞科技有限公司 网站建设 开源CRM 建站系统 旅行社ERP系统 虚拟主机