敏捷开发一千零一问系列之二十三: UI设计怎么做到敏捷呢?(兼谈对UI热的理解)(下)

简介:

这个是我们的组织结构维护视图,本来是一个很简单的树控件,但就Domain而言,一个人只有看到长相如此的东西,才会理解它是一个组织结构图(尽管M就是树)
 

但是,V里边的代码,不过如此:


真正的代码,被放到M里边了。

如果从这个案例分析,就会看到至少三个人都参与了:

1. 产品经理,他要求不要搞一个树控件,要做一个和平时纸上印刷的一样的组织结构图

2. UI设计,开始设想了一个方案

3. 但最后实现它的,是程序员。

这也是我为什么最后兼任产品经理、UI设计、程序员的原因。

如果分开三个人,还能实现,但必须有相同的价值观,不要各干各的。

 

问: 13:30:54
不要各干各的 指的是什么?

 

陈勇-咨询-北京(139107533) 13:30:55
其实,我们有一个纯Html版本的组织结构图,后来封装到C#里边了。

各干各的,就是程序员说:“哪,你看这是数据读取接口,你自己画你那个组织结构图去吧”

我们有3个地方用到组织结构图,都是这三行代码搞定。如果各干个的,就需要把大约200行Html重新拷贝三遍。

但由于程序帮助封装了ViewModel和View的Helper,一切就这么简单了。

回到问题本身,UI设计怎么敏捷?


陈勇-咨询-北京(139107533) 13:34:03
首先,应该有一个人作为打通跨职能部门的纽带,应该是产品经理。
他综合提出对UI的最终设想,基于的是,用户如何与产品交互,才能最好地完成业务(这个好,不完全是方便、美观这些,而是直接和业务切合

其次,UI和程序应该是跨职能的,或至少处于一个跨职能团队中,不要分到两个部门或团队里边,这样大家才会集体思考最佳做法(比如前面程序帮助UI封装Html为Helper)。

以我三位一体的体会,很难想象如果有三个思想不统一的人做这件事情,最后结果是什么。

 

问: 13:37:51
达成共识

 

陈勇-咨询-北京(139107533) 13:38:48
是的。

要把UI长到客户的心里边,而不是展示在眼前而已。

我们现在还有几个页面不太满意,感觉看到以后,还要思考一下:这是什么……这样的UI,就有问题。

看到后应该是:哇塞居然可以这样!

或者:你看,就是我上次说的那样

有一次在之前的公司去做售前讲解方案,对方老总就一个劲地捅旁边另外一位,指着屏幕窃窃私语。我就知道那个单子成了。

 

陈勇-咨询-北京(139107533) 13:46:30
总之,用户看不到M,看不到D,看不到C,只能感受到V

 

另外一位QQ成员: 13:50:47
勇哥,你说的客户感受V,能否说的具体点。是不是说除了用户体验,还要业务体现出来,让客户觉得咦~~这就是我所要的。对吧。

 

陈勇-咨询-北京(139107533) 13:51:50
是的,V不要只图做得漂亮、方便,要理解用户来这里干什么,他看到这些,是否真的知道自己应该干什么了。


另外一位QQ成员: 13:52:05
明白了,谢谢~~

(问题讨论结束了,下面是关于MVCD中D的来历,一般只说MVC)

陈勇-咨询-北京(139107533) 13:53:38
MVC说法比较多,D是我自己说的,因为我发现D比较独立。

我把数据的读写和缓存都归结为D。

 

另外一位QQ成员: 13:55:44
由M到D,我理解就是数据持久化到数据库

 

陈勇-咨询-北京(139107533) 13:56:30

外加应用缓存吧,
比如火星人里边,史诗故事-用户故事-增强-缺陷……这些,有父子关系,表面上看,是属于Model的行为。
但我们发现,部门-团队-小组,产品线-产品-版本-Release……也有父子关系

所以,后来“父子关系”,被从Model的层面,挪到Data的层面

所以,我们的部门/产品/用户故事……(一共7种)东西,是存储在一张数据库表里边的,因为他们被从D的层面抽象过了(注:被抽象成为了“有父子关系的数据)。

但是,这种存储会造成性能恶化,所以,又做了应用缓存,把他们拆开。

从父子关系看,他们是iheritable-item

从数据的差异看,他们是udcable(user-defined-column-able可定义字段的)我们用这两个类来管理他们。
这些都是和M没什么关系的,用D来维护更好。


本文转自火星人陈勇 51CTO博客,原文链接:http://blog.51cto.com/cheny/1102146


相关文章
|
3月前
|
开发者 图形学 前端开发
绝招放送:彻底解锁Unity UI系统奥秘,五大步骤教你如何缔造令人惊叹的沉浸式游戏体验,从Canvas到动画,一步一个脚印走向大师级UI设计
【8月更文挑战第31天】随着游戏开发技术的进步,UI成为提升游戏体验的关键。本文探讨如何利用Unity的UI系统创建美观且功能丰富的界面,包括Canvas、UI元素及Event System的使用,并通过具体示例代码展示按钮点击事件及淡入淡出动画的实现过程,助力开发者打造沉浸式的游戏体验。
95 0
|
前端开发 JavaScript 程序员
基于JavaScript实现网页版仿苹果2022下半年最新UI设计(灵动岛UI设计原理设计)
基于JavaScript实现网页版仿苹果2022下半年最新UI设计(灵动岛UI设计原理设计)
356 0
|
机器学习/深度学习 人工智能 编解码
一周AI最火论文 | 点点手指变换UI设计风格,斯坦福发布基于计算机视觉的UI设计工具
一周AI最火论文 | 点点手指变换UI设计风格,斯坦福发布基于计算机视觉的UI设计工具
211 0
|
新零售 UED
UI设计全能就业班,零基础学习UI,四个月入职互联网公司,逆袭成为年薪20万的UI设计师。
如果你现在比较迷茫,或想学好UI设计技能,想转行,想加薪,目前学习UI设计是最好的时机,如果没有把握机遇,可能会错过很好的时机。 www.yinxunbiao.com 今年UI设计的平均月薪为12000,工作经验较丰富的月薪高达3万以上。
1422 0
UI 设计师不容错过的12款APP UI 交互设计
手机UI中的交互是保持产品鲜活生命力的源动力。好的交互可以帮助用户快速地获得反馈,认知布局,增强体验感和沉浸感。这里为大家整理了12款优秀并富有创意的交互作品,为你的产品设计 注入灵感。
1607 0
|
Android开发 UED 设计模式
【APP UI 设计模式】(一)APP UI 设计原则和流程
一、基本原则         1、用户体验原则UCD,以用户为中心去设计         2、设计模式是可重用的设计规范实现         3、反模式是糟糕设计的典型,极力避免使用         4、试验模式——超越既有理念和移动现状的设计,有望成为下一个主流UI设计模式。
1226 0
|
敏捷开发 程序员
Cooper:面向UI的敏捷开发(一)
导读:一图胜千言,从事UI的工作者对于这句话的含义应该尤其明白。本系列博客将连载几期的Cooper幻灯片,关于“面向UI的敏捷开发”方面的内容。Cooper何许人也?还未了解他的朋友请先google一下,即可证明本人发帖的动机还是很明显的:),即借一借Cooper的真知灼见,小译一番,张贴出来。
633 0
|
敏捷开发 程序员
Cooper:面向UI的敏捷开发(二)
界面(是否可取“接口”之意译)就是两者交接的地方 Interfaces are the place-between 一面对于人,另一面对于软件 Interfaces to human, interfaces to other software 软件就像通往沼泽的高速公路 Sof...
742 0
|
敏捷开发
Cooper:面向UI的敏捷开发(三)
敏捷就不同了 Agile is different 敏捷它是进化了的 Agile is evolved 多个构建阶段的构建起软件 Building software is multi-stage process 瀑布 式的是一种荒废的多阶段过程 Waterfall...
686 0
|
敏捷开发
Cooper:面向UI的敏捷开发(五)
勉强开启软件项目把次序都搞乱了。 Poorly run software projects jumble the steps 大多数软件都不是精品,凑合着勉强地在跑着 Most software projects are poorly run.
680 0