方言

Brevity is the soul of wisdom. Tediousness is the limbs and outward flourishes.

我是如何开发蓝天教育网的(下)

五、表现层

接下来是承上启下的重要环节——视觉设计,简言之,就是对文字、图片、表单、按钮的美化,使其更好的指导和协助用户完成网站上的任务流程,使用户获得良好的体验。

首先,提取主色调。

  1. 根据产品的定位,及与一线客服人员的沟通,我们知道用户为小学一年级至高中三年级的家长,年龄主要分布在30岁—50岁,主要为中产阶级,具有一定的审美能力,关键词为:活力、成熟、内敛、小资。

  2. 网站属于蓝天教育集团旗下业务网站,得符合企业的形象与气质,参考logo及企业精神,提取关键词为:成长、活力、睿智、可靠。

基于这些,我确定了网站以下配色方案:


然后根据时下流行的趋势及网站的性格,确定...

我是如何开发蓝天教育网的(中)

四、框架层:

但是,这并不意味着接下来的工作轻松了。

从一步开始,接下来的东西都是用户直接感知的,

  • 用户能够迅速认出/找出他想要的元素

  • 能否迅速去到他想去的地方并且清楚自己所在位置

  • 能否方便的返回初始位置

  • 能否轻松撤回他已发出的错误操作

  • 用户是否担心操作的安全

  • 我们的信息是否有效的传达给了用户

如何让我们的界面友好、易用、舒适、安全?

根据我们产品定位,我找了一些竞品。在中小学培训业内,能够支持在线报名支付的不多,在深圳,除了学而思,我们是第一家。虽然是教育行业,但是在线报名缴费的流程跟电商是有很大共性的,因此,我也仔细体验了国内几家领头的电商网站,并整...

我是如何开发蓝天教育网的(上)


蓝天教育网是我第一个全局统筹的项目。这个项目我全程参与并推动需求分析、用户研究、交互设计、视觉设计、流程规划、规范制定、技术对接、动员内部人员参与测试到最终上线,由于部门人手有限,其中有几个环节差不多以一我人之力,这个项目实施过程中遇到不少困难,但是最终进行一些调整和平衡顺利上线了一个核心基础版。上线2周交易额即突破百万人民币。以致领导层对互联网兴趣大增,后续一连串的项目让我们应接不暇,也一直没能抽出空来总结这个项目:)

当时没看过《The Elements ofUser Experience》这本书,但是我在UE设计阶段的思路跟这本书的五步理论刚好吻合:战略、范围、结构、框架、表现。所...

蓝天教育APP选课报班模块部分原型图和效果图

开发蓝天教育网的一些需求分析资料,都是都是本人绘制和撰写。


香港朗文PLE点读机,APP for iPad,游戏式的氛围以引起孩子的兴趣。

鲜花板砖系统,内部OA上使用

动画为AE制作,提供给前端和程序参考。

关于AXURE绘制移动专题原型的几点说明

团队内部交流分享时写的文章,关于AXURE绘制移动专题原型的几点说明。

以下是正文:

用AXURE进行原型绘制的时候不需要精确的到像素点,但是得大致匹配,如果随意将内容堆积上去,不考虑元素大小、版块间距等,可能设计师做效果图时候内容放不下,或者设计出来的东西不符合预期。为了降低沟通成本,让设计流程更高效,特整理如下规范供参考:

一、尺寸

虽然智能手机屏幕尺寸、分辨率种类繁多,但我们进行原型绘制的时候只需要考虑较小屏幕,其他分辨率下的适配问题就留给设计和前端了。

宽度:320px。对于现有的智能手机来说,此宽度基本基本能满足最小屏幕宽度。

高度:一般不对高度作出限制,可以根据内容多少...

©方言 | Powered by LOFTER