摇钱树运营小工具UI设计.vsd

去年,我负责公司的一个互联网投融资平台——摇钱树。系统运营过程中,业务和客服那边不断的反馈一些事情让技术这边协助实现。例如,土豪客户忘记登录密码后懒得自己重置,更愿意选择搭讪客服MM;再比如,客户多次登录导致账号被锁定,就反映给客户MM处理;再比如,运营经理定期索要到期投资报表,而系统后台现有的报表不能完全满足他们的需求。

每次处理这样的事情,开发人员都要忙上一阵子。

作为开发team负责人,我是不喜欢这种工作方式的,经常重复这样的事情一方面体现不了工作价值,再一方面会影响大家手头的工作。在我的博客《运维一个应用系统不容易》里有详细说明。

产品经理对这样事情熟视无睹,不会考虑设计需求来提高大家的工作效率的。 于是,刚好新来的同事要熟悉系统,就设计了一系列的辅助工具,让他来开发出来,然后部署成一个站点。 这样,再接到类似的业务和客服反馈的问题,直接访问这个工具url,然后在里面就可以快速处理了。

以下是实现的一些运营工具:

  • 添加企业客户邮箱

  • 登陆解锁

  • 重置登陆密码

  • 投资记录查询

上面的页面原型是用visio画的。axure是产品经理的工具,对于程序猿,利用visio做些简单的页面设计是个不错的选择。

时间: 2024-10-25 12:48:57

摇钱树运营小工具UI设计.vsd的相关文章

小程序UI设计(7)-布局分解-左-上下结构

FlexBox布局中的变幻方式很多,我们继续了解一个左-上下结构的布局分解  左边结构树中WViewRow下面有两个WViewColumn.WViewRow是横向排列,WViewColumn是纵向排列.第一个WViewColumn中放一个图片,第二个放两张图片.如下图展开的结构树. 下面针对第二个WViewColumn中有两个图片的FlexBox进行分解讲解. flex-direction=column说明内部组件主轴x是从上而下.flex-wrap在本工具中对于column类型的不起作用.此处

小程序UI设计(6)-布局分解-九宫格

今天我们来个庖丁解牛.对于一个完整的组合组件,看看通过工具是如何轻松完成的.首先看看九宫格完整的样子. 结构树是这样的.在结构树中,我们可以看到WViewColumn下面有九个WViewRow.WViewColumn之上的我们可以不用管,这些是画布上的内容,为了辅助设计用的.9个WViewRow是九宫格中的实际元素item. 每个item中图片和文字上下排列,九个item换行排列.那么这些是怎么做到的呢,当然是FlexBox的作用.下面详细介绍FlexBox属性对布局的影响.首先来介绍item的

小程序UI设计(8)-布局分解-FlexBox的align-content应用

FlexBox的align-content到底是什么鬼,我也搞了好半天才开发出来,目前工具中WViewRow组件使用了此属性,WViewColumn中此属性不起作用.下图是justify-content.align-items和align-content属性组合使用的两个例子,请仔细理解一下. 大家看出来区别了吗,第一个整体右侧排列(justify-content=flex-end),第一行和第二行短黄和短红所在行上对齐(align-items=flex-start).第二个整体左对齐,第一行和

《基于 Bootstrap 的小程序UI设计框架》 一 CSS 通用样式

版式 标题 H1 到 H6 标题标签进行的优化.这里将不针对标签而是标题类 .H1 到 .H6.小程序仅识别 VIEW 标签. 重设上下边界为固定值,默认为一个行高距离,优化后统一为上 20 像素.下为 10 像素,h4 到 h6 距离顶部为 10 像素且不分标题级别,全部统一样式 固定所有标题行高为 1.1,避免行高因标题字体大小而变化,同时也避免不同级别标题行高不一致,影响版式风格统一 固定不同级别标题字体大小,依次为 36px 30px 24px 18px 14px 12px.这里将像素单

App开发者必备的运营、原型、UI设计工具整理

转:http://blog.csdn.net/jinzhu117/article/details/8194301 一.运营类 1. APPVIEW,网址:http://lab.hakim.se/appview/ 帮助iOS 应用开发者追踪所有地区App Store最近的用户评论,可以按时间.评分.地区排序,缺点是可能更新较慢,评论不全. 2. AppBrain,网址:http://www.appbrain.com/ 可以在此查看Android应用在应用商店的用户评论,更新及下载量变化. 3. a

40个UI设计工具

摘要:用户界面设计在持续的基础上不断成长和演变.要跟上时代,你需要关注趋势.新资源和正被实施和谈论的新技术. 导读:用户界面设计在持续的基础上不断成长和演变.要跟上时代,你需要关注趋势.新资源和正被实施和谈论的新技术.同时,你也要亲身尝试,并提出原创的见解和应用.下面列举的这些工具能帮你做到这些.尽情分享下面这些我找到的注释出的资源中你认为有用的部分. 看看这些其他人已经想出的对一般用户界面挑战的解决方案,它不仅能帮助你找到正确的现有解决方案,还能作为你提出新的和原创的东西的基础. 一个在线文字

Android UI设计之<十一>自定义ViewGroup,打造通用的关闭键盘小控件ImeObserverLayout

转载请注明出处:http://blog.csdn.net/llew2011/article/details/51598682 我们平时开发中总会遇见一些奇葩的需求,为了实现这些需求我们往往绞尽脑汁有时候还茶不思饭不香的,有点夸张了(*^__^*)--我印象最深的一个需求是在一段文字中对部分词语进行加粗显示.当时费了不少劲,不过还好,这个问题最终解决了,有兴趣的童靴可以看一下:Android UI设计之<六>使用HTML标签,实现在TextView中对部分文字进行加粗显示. 之前产品那边提了这样

UX/UI设计工具的选择:对设计师的重要选择标准

原作者信息:Tom Koszyk    资深设计师,自由的产品设计师, Pixology 艺术总监 . 音乐爱好者. 游戏爱好者. 原作者Medium地址:Tom Koszy的Medium 原文地址:The Perfect UX/UI design tool. 译者:UI设计爱好者一只,欢迎交流.第一次试译,欢迎指错. ||  Adobe Photoshop, Affinity Designer Sketch 3?-?UI设计三工具 多年之前,不管是做简单的网页,还是做复杂的原生APP,Phot

C#程序之二 -- 数独小游戏(1. UI设计)

老师分配的项目需要编软件,刚好最近一直在玩手机上的数独,所以就想用空余时间写一个PC上的单机版的数独小游戏,练练自己的编程能力.不能保证每天都有时间花在这个小程序上面,不过会尽量坚持下去,每完成一点东西,都会把核心代码和查到的相关资料发一下,目前还处在语法都没学完的阶段,想借这个机会记录一下自己的成长~ 一.UI 设计 1. 用 ComboBox 控件来选择游戏难度: 2. 用 Label 控件显示本局游戏累计用时: 3. 九宫格大背景是一个设置了背景色的 Label 控件: 4. 每个格子都是