那些年我们遇到的【黑人问号.jpg】需求1.0(持续更新...)

本文将持续更新,小美工(以后简称M)在工作中遇到的一些看似复杂的产品需求原型和一些UED团队的经典案例。

一些看似复杂的页面,说不定是原型出了问题?(敢于质疑)

我们工作中总是会碰见不少的纱布需求和一些相对不成熟的产品经理,那么我的应对方式是什么呢?其实这个话题是不少UI设计师经常会遇到和提及的问题,但时常多数的设计师是在没看明白产品原型的情况下就开始上色了。我们做美工的的确能把原型稿通过工具用不同的手法展示出不一样的感觉,但那样就真的对了吗?

有时候在我们学会做减法的时候可以尝试着去思考这个页面为什么会看上去复杂,或者是乱?(如果照着一个很“乱”的产品原型去上色,那我觉得设计出来的页面带给用户的体验也算不好的,甚至和你拿到原型的时候一样不知所云,找不到哦这个页面的根本,不知道这个页面在描绘着什么,那么这个时候这个页面就是不合格的。)所以在我们看到很乱很复杂的页面时,我们学会去从产品原型思考,思考为什么会乱,先得自己理清楚,做出来的东西才有可能让用户理解。

唐纳德说的很好的一句话:当我不知道怎么让水龙头出水时,那么就是这个水龙头设计得不好!

案例一


产品原型

当M在浏览本次需求时,看到这个页面时脑子是一片空白的,有点力不从心,无从下笔,所以M决定将它留到最后花时间完成。

首先我们看难点:内容上,一屏展示这么多的内容,层级上,一屏展示3层层级(一级层级“曲线...”、二级层级“中行汇买价...”、三级层级“7天...”)。

其次我看在看到这个页面不知所措的地方当然不只是在难点上,当M在拿到这个页面的时候,第一反应是【乱】,一时看不明白这个页面。所以在有了问题,M就本能的去思考问题,为什么这个页面会【乱】,真的是自己的设计能力问题吗?或者是其他的原因?

在M经过一上午的思考后总算是得出了这个页面乱的问题所在。见下图解:

这是一个正常的层级区块划分图,但是在第二层级出现了问题,如下图:

二级title的管辖范围其实并不包括,第二个或第三个的内容部分。

那如果你说,我们可以理解成把title和对应内容看成是一个大title。那就是可以理解成【title+内容=banner】也就是下图所示:

这样看似乎层级是合理的了,不存在管辖混乱的说法。但这样出现了一个更大的问题,如果把title类比成banner,那么三个banner实则是平级的,是相对独立的,或者说是三个banner都属于第一层级。

但是,将其统一独立后的banner,我们会发现并不能与下面的内容联系起来,因为一个多行排版的banner并不能作为一个taitle来使用,心细的M做了如下两个如来区别什么banner可以什么不可以:

如图所示,如果要让banner作为二级taitle,那么应该是右边的情况。所以综上所述,我们不难得出产品的过分想展示内容导致了页面层级的混乱。

最后我们得出一稿相对合理的层级分布图,如下:

我们将二级title下其余的内容移除,只展示当前title下的内容,这样虽然我们不能在一屏上看到更多的信息,但是我们避免了让用户看到不属于这个页面的内容,让用户更清晰知道这个页面的内容就是属于这个title下的。

结论:有时候并不一定产品原型就是对的,有时候也并不是一屏展示出所有的信息就是对用户有益的,所以在合理的情况下去分析产品的结构也许对用户对设计来说都不是一门损失。

略述己见,大佬们不要见笑。

未完待续... 

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,684评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,143评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,214评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,788评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,796评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,665评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,027评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,679评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 41,346评论 1 299
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,664评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,766评论 1 331
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,412评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,015评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,974评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,203评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,073评论 2 350
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,501评论 2 343

推荐阅读更多精彩内容

  • 目的:UI设计的目的是为了更好服务用户;能让用户快速完成自己的目标; UI设计的发展趋势:全链路和复合化的设计人才...
    quantre阅读 10,986评论 9 83
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,442评论 25 707
  • 春风十里,柳枝轻拂湖面,鸟语花香。 油菜花遍开的田埂上,细雨轻飘,烟雨朦胧的时节。一对姑娘和小伙儿...
    木易伏尧阅读 366评论 0 0
  • 年轻的时候…… 铅笔画轮廓 碳素水笔描边 彩铅涂皮肤颜色和眼睛 彩铅涂帽子 彩笔涂T恤 彩铅涂裤子,注意留白…… ...
    夏末夏墨阅读 625评论 3 4
  • 20180328 春暖花开,万物复苏,度过了冬季,当我们来到新的一年,这一年,真的是新的吗?还是年复一年日复一日地...
    hff韩范范阅读 274评论 0 0