UX 设计 0 到 1 的全方案思考与呈现

摘要:北京时间20200214关于【UX 设计 0 到 1 的全方案思考与呈现】的具体情况和说明,让www.lancaixun.cn新闻频道的以图文形式为您慢慢道来。

设计师需要尽可能早且有效的利用产品定位和产品生命周期,去进行设计目标推导与对应的策略定制。那么具体的0-1设计方案如何思考?有哪些要点值得出现在作品集里?

一、配色/图标什么的是基础吗?

之前一直没有太多关注过如何定义一个APP的配色,或者如何画一个漂亮的icon。曾经的上级指示都是这些基础对商业的不可量化。于是我在思考一个问题,就是没有直观商业价值的设计要素都失去了意义变成了所谓基础的事情吗?

半年前面字节的时候,面试官问了我有关配色的定义,细节到为什么是这个色值。当时十分震惊于这么细节的问题,之后我就想起了之前有位朋友给我send过一份有关支付宝"蓝"的定义pdf,洋洋洒洒几十页就是为了解释他们为啥用这个有点脏的蓝色#108ee9当主色。

所以其实APP的配色/图标与主品牌是一脉相承的,它是品牌的延续与象征。它以最直观的态度传达给用户,这个产品以及品牌的调性,并以此建立最强有力的视觉识别性。所以我觉得它是可以有条件的展示在我们设计方案里的,但一定注意它的篇幅和表达的方式,维度在品牌传达这一层就对了。

至于如何展示和定义你的APP配色,一般2类情况:

1.在品牌主视觉配色基础上的适配

这种情况一般适用品牌主视觉方案已经设计完毕,APP端作为延续。这个时候一般注意配色从CMYK模式到RGB的转换,所以作为APP的配色,具体色值上可以稍做调整,使它更适配于LED屏的用户感知与舒适度。

另外可以使用透明度进行色彩分阶段,一般从0-100%分为10阶就足够我们日常界面设计使用了。

2.0-1定义APP配色

这种情况下我们从感性和理性2个角度去定义颜色。

从感性的角度分析:情绪版应该大家都熟知的了,根据不同的行业和用户定位得到相应的关键词。对应不同的关键词再搜集对应的图片,从图片和自然感知中提炼出主色。

从理性的角度分析:我们把色彩分为对比色、近似色、复合色、单一色、三角对立色和渐变色六种。根据产品的类型和定位,我们决定使用什么样的配色。比如一个年轻大学生专用的社交型APP,我们可能就倾向更多的使用对比色这样的撞色得到更多潮流与青春的味道。

至于图标的话我就更不用多说了,大家肯定都记得那些非常基础的绘制图标的法则。个人认为图标也不太需要放一个单独的篇幅去展示,除非它有一些新奇有趣的亮点。

二、界面框架,只是框架而已吗?

在之前的文章中有写过,匹配产品定位的界面框架一旦输出,对整个APP之后的迭代与功能设计都有很直接的影响。定义整体的UX框架方案,是实践设计目标与策略的过程,基本围绕着这3个出发点:

匹配产品定位;

满足业务拓展性;

符合舒适度美学。

1.定义整体框架

首先我们从宏观角度分析,一方面产品的业务线处于什么情况,是相对独立的业务主线产品(举例:拉勾)?还是平台级产品(里面包含了许多垂直的业务线,举例淘宝)?如果是平台级产品在整体框架设计时就需要考虑跨端跨业务的框架拓展型。

举个栗子,就是在定义平台框架的时候要考虑这个框架与容器是不是同时适用于底下的子业务线,同时当这个框架到了H5、小程序、PC的时候需要做哪些适配调整,是否都可以很好的进行兼容适配。

另一方面,整体框架设计的类型是否符合设计目标。举个栗子,无框式超大留白的框架设计虽然看上去逼格非常高,但在大部分商业产品中它的实用性却非常低的。假设说我们今天需要做一个电商类的app,设计目标是希望能够提升业务转化以及购买效率,那么展示效率与功能分区就显得尤为重要,它就更适合一个相对紧凑的卡片式为主的框架设计。

其次从微观的角度来说,遍地就都是细节了。舒适度美学这一说,其实难免有些抽象,我们把它转为相对合理一些的落地原理就会清晰很多,像大家熟知的间距4倍数原理、对齐原则等等。但是这些微观的内容不建议大家放到方案展示里,因为它并没有针对单个方案的特殊性,更像一种大众共识。

多说无益,直接上最终的效果图,方便大家参考。

2.具体容器解析

我们特地把单独的容器部分拿出来解析,是因为自定义容器是展示核心业务最主要思考呈现,同时还可以配合运营做很多提升业务效率的配置。在做具体设计的时候,我们需要区分"端上固定"模块和"运营配置"模块之间的差别。

(1)"端上固定"模块:

顾名思义就是开发端上需要写死的模块。写死的模块意味着,无论一个配图还是一句文案,也只有开发童鞋修改后通过发版才能实现内容变更。一般适用于相对固定的产品功能以及UGC用户生产内容。比如:拉勾上传简历功能、斗鱼的直播间列表。

(2)"运营配置"模块:

相对"端上固定","运营配置"就不需要跟着发版,可以随时后台上传替换模块内的内容,适用于需要PGC生产的内容。说到这里很多童鞋可能马上就联想到banner,弹窗的运营位了,但其实除了这些之外还有很多容器模块是需要灵活配置为"运营配置"模块才能更有效的提升运营业务价值。

我们可以这样来区分"运营配置"模块类型。

一种是纯运营配置模块,即设计与开发输出框架、定好配置字段限制之后,运营可以独立完成后台配置的。比如:资讯app0-1前期的资讯列表内容。

另一种是运营设计配合模块,即需要设计配合运营输出一定的设计图才可以进行后台配置的。比如:常见的banner、弹窗、热门推荐专题等。

在0-1的设计方案中,更推荐大家展示"运营配置"模块的内容与解析,因为0-1是个以拉新为主的阶段,运营显得尤为重要,所以我们的设计需要侧重考虑整体的运营效率与转化。

三、如何展示亮点设计?

在我们概述完大部分的整体思考路径与设计方案后,我们需要由面到点,从全局提炼细节,突出自己的设计方案亮点。而如何提炼这个亮点呢?是挑一个我设计的最好看的界面呢?还是直接放最复杂的那个流程?以下是推荐选择的亮点设计:

1.完成理论实践,并可以量化价值的设计case

大家应该都了解,一些和设计息息相关的数据UV/PV/GMV/相关业务指标…etc,以及一系列在实践中很好应用来解释设计方案的理论支撑比如5W1H、GSM与五度分析…etc。这些数据和理论是支撑我们设计更饱满更有说服力的重要支点。

虽然在0-1的项目里,我们基本不太用的上优化数据比对(因为产品初期用户数量少,产品体验路径也是一直处于不断试错阶段),但是我们还是可以借用上文所述的一些方法论或者A/Btest来完成我们的方案思考过程展示。

那些你在完成践行设计策略完成设计目标时获得的数据指标要提前预知,养成习惯之后,你就可以快速轻松的嗅到哪里有可以做A/Btest、进行埋点数据比对的地方了。

2.影响上中下游环节的设计case

除了对业务提升价值的项目外,我们有时候也需要注意对品牌设计、产品、运营、技术等上中下游造成影响力的设计项目。通常这类设计大部分也都是设计自驱发起的,能起到提升各方人效和业务效率的作用。

举例的话,我能马上联想到的就是多方协作的大型线上组件库,可以参考阿里的Antdesign、滴滴的魔方,在之后的版本拓展中甚至可以延展成功能更加强大的多方协作ux设计资源中心。

四、规范与组件库的定义真的备受关注?

感觉近期面过的80%的公司都对组件库的定义非常关注,所以我们要做的不仅仅只是放一个视觉规范或者组件库的全景图,而需要对组件库进行拆解。

篇幅有限,下一节,我们把视觉规范和组件库这个大工程单独抽出来聊聊,刚好分享大家一个利用sketchlibrary进行高效的团队组件库同步的神方法。

如果还有需要更基础更流程性一些的0-1实践指导文,可以参考我之前写的那篇大全:UX项目0到1的正确开启方式。

本文由@NaNa原创发布于人人都是产品经理。未经许可,禁止转载

题图来自Unsplash,基于CC0协议


查看更多
免费经典三级现频|春色丁香|素股不小心进去了在线看|吧有你春暖花开吧|自拍偷拍综合网|北京快三▁▄▆k8c.vip|岛国小电影a588|julia电影手机免费看|狠狼鲁亚洲|色和尚更新网|色资源在线资源站|桥本舞视频在线观看|女子张腿男子桶视频韩国|国产成人福利拍拍视频|国产自拍在线青青草|2t 免费 在线看|2019最新地址一二|91国产女人|女人18毛片野外|最稳定的资源站视频|

实时推荐

槐荫核心区新上好房,均价1.3万的世佳戎居二居室,首付仅56万!速看
推荐 2020-09-22 04:46 783 7359
余杭楼市大揭秘 !平瑞瑞和园新上三居室,均价才2.9万,首付只要76万!
推荐 2020-09-22 04:46 407 8296
历下刚需小区大盘点!每平1.6万,新东方花园三居室遭疯抢,首付才104万!
推荐 2020-09-22 04:46 335 3877
海茵建筑 | 清华工研院雁栖湖创新中心项目竞赛优胜
推荐 2020-09-22 04:46 963 5903
历下刚需上车神盘,业主贱卖汇展香格里拉二居室,每平仅1.1万,首付仅28万!
推荐 2020-09-22 04:46 652 4003
海派花鸟画大家乔木诞辰百年,他给我们留下了怎样的文化遗产
推荐 2020-09-22 04:46 692 5866
本周精选惠城捡漏房,首付20万就能买到三居室,金沙俊园最新均价0.7万
推荐 2020-09-22 04:46 189 3337
莲湖刚需上车神盘,业主贱卖蔚蓝花城三居室,每平仅1.3万,首付仅49万!
推荐 2020-09-22 04:46 942 7156
第五师双河市大地奏响丰收赞歌
推荐 2020-09-22 04:46 321 2325
市节水办积极推进全市节水型高校创建工作
推荐 2020-09-22 04:46 606 9705
天桥新上笋盘,金田苑小区二居室,首付仅46万!折下来每平才1.3万
推荐 2020-09-22 04:46 756 1783
世界最贵的五大豪车,宾利和劳斯莱斯排不上号,第一不是布加迪!
推荐 2020-09-22 04:46 852 2394
下城潜力盘流出!万家星城三居室,均价仅4.3万,首付仅158万起!
推荐 2020-09-22 04:46 182 7456
狗市里的狗狗都是论斤卖,吊起一称就转手让人,紧接着就成道菜
推荐 2020-09-22 04:46 328 5729
魔域最疯女玩家!为见BOSS砍遍全大陆,竟歪打正着成全服第一
推荐 2020-09-22 04:46 736 9986
未央新上笋盘,远洋御山水三居室,首付仅43万!折下来每平才1.2万
推荐 2020-09-22 04:46 543 4112
置业李沧必看!价格喜人,每平2.6万!保利茉莉公馆三居室,首付116万
推荐 2020-09-22 04:46 104 7040
置业青羊必看!价格喜人,每平2.8万!建发金沙里二居室,首付78万
推荐 2020-09-22 04:46 273 9064
原创 38岁伊布封神,独中2元登顶射手榜!AC米兰2-0,取意甲开门红
推荐 2020-09-22 04:46 96 7082
以“八步工作法” 破局劳务输出难题
推荐 2020-09-22 04:45 694 748
5G赋能“越西苹果”香飘大湾区
推荐 2020-09-22 04:45 993 1233
全程机械化,种地越来越轻松
推荐 2020-09-22 04:45 314 4857
大疫大灾更显中医本色
推荐 2020-09-22 04:45 420 3168
置业槐荫必看!价格喜人,每平2.0万!纬九路社区二居室,首付49万
推荐 2020-09-22 04:45 874 7403
本周精选香洲捡漏房,首付96万就能买到三居室,国华花园最新均价2.4万
推荐 2020-09-22 04:45 283 7442
置业张家港必看!价格喜人,每平1.2万!胡同新村二居室,首付33万
推荐 2020-09-22 04:45 973 6477
惠阳刚需上车神盘,业主贱卖人事局宿舍五居室,每平仅1.2万,首付仅77万!
推荐 2020-09-22 04:45 708 3138
青羊刚需小区大盘点!每平2.5万,华府金沙三居室遭疯抢,首付才84万!
推荐 2020-09-22 04:45 484 2995
槐荫楼市大揭秘 !艾菲尔花园新上三居室,均价才1万,首付只要56万!
推荐 2020-09-22 04:45 561 3197
惠游湖北,黄鹤楼酒文化博览园
推荐 2020-09-22 04:45 487 4882
昆山新上笋盘,国基城邦逸墅二居室,首付仅39万!折下来每平才1.7万
推荐 2020-09-22 04:45 323 4986
金牛刚需小区大盘点!每平1.2万,名品佳尚锦城三居室遭疯抢,首付才33万!
推荐 2020-09-22 04:45 182 6121
惠城楼市大揭秘 !翡翠香缇新上三居室,均价才1万,首付只要29万!
推荐 2020-09-22 04:45 652 7205
西山区刚需小区大盘点!每平1.7万,融创文旅城三居室遭疯抢,首付才75万!
推荐 2020-09-22 04:45 771 1553
本周精选二七捡漏房,首付33万就能买到三居室,鑫苑鑫家(一期)最新均价1.2万
推荐 2020-09-22 04:45 688 4073
家常菜红烧鱼的做法,鱼肉不粘锅不破皮,鲜嫩又入味,先收藏了
推荐 2020-09-22 04:45 417 7133
天桥潜力盘流出!金泉小区三居室,均价仅1.3万,首付仅33万起!
推荐 2020-09-22 04:45 901 8544
东湖区刚需小区大盘点!每平1.3万,下水巷社区二居室遭疯抢,首付才24万!
推荐 2020-09-22 04:45 222 548
置业余杭必看!价格喜人,每平2.4万!绿城莲园三居室,首付90万
推荐 2020-09-22 04:45 550 3759
惠阳房子遭业主贱卖!自降5万,碧桂园太东公园上城四居室遭疯抢,首付才58万!
推荐 2020-09-22 04:45 185 5538
高陵新上笋盘,大唐新干线小区二居室,首付仅19万!折下来每平才0.8万
推荐 2020-09-22 04:45 556 9603
未央刚需上车神盘,业主贱卖九如御二居室,每平仅1.2万,首付仅42万!
推荐 2020-09-22 04:45 801 935
安宁潜力盘流出!安宁庭院二居室,均价仅1.6万,首付仅59万起!
推荐 2020-09-22 04:45 772 5826
余杭刚需上车神盘,业主贱卖良渚文化村(竹径云山)三居室,每平仅3.8万,首付仅138万!
推荐 2020-09-22 04:45 940 6360
东丽刚需上车神盘,业主贱卖詹滨西里社区二居室,每平仅1.8万,首付仅42万!
推荐 2020-09-22 04:45 699 5627
顺德学位房全面评测,西溪花园新上三居室,均价才0.9万,首付只要24万!
推荐 2020-09-22 04:45 391 1669
温江超人气二手房!降幅喜人,直降1万!西财学府憬城三居室,首付29万
推荐 2020-09-22 04:45 482 7941
本周精选二七捡漏房,首付49万就能买到三居室,升龙城最新均价1.6万
推荐 2020-09-22 04:45 969 4176
科技进步,为玉米稳产提供核心动力
推荐 2020-09-22 04:45 746 3284
江西铜鼓:红土地上长出“致富笋”
推荐 2020-09-22 04:45 848 7066
哈尔滨理工大学:70年,与中国装备制造业同向同行
推荐 2020-09-22 04:45 257 8023
新疆各族人民团结奋进奔向好生活
推荐 2020-09-22 04:45 412 8627
让更多人品尝到丰收的味道
推荐 2020-09-22 04:45 641 2112
“智慧种田”,老把式翻出新花样
推荐 2020-09-22 04:45 821 7045
北辰刚需上车神盘,业主贱卖双青新家园(荣居园)二居室,每平仅1.8万,首付仅45万!
推荐 2020-09-22 04:45 489 9778
农民朋友的信任,是我最大的动力
推荐 2020-09-22 04:45 701 835
“这不仅是航天技术的胜利,也是航天人文精神的胜利”——2020年中国航天大会掠影
推荐 2020-09-22 04:45 224 3021
龙泉驿潜力盘流出!果壳里的城三居室,均价仅1.6万,首付仅42万起!
推荐 2020-09-22 04:44 101 3804
我区部署推进“庆国庆 迎佳节”活动
推荐 2020-09-22 04:44 271 8810
区政协六届第四十一次主席会议举行
推荐 2020-09-22 04:44 519 5845
西山区刚需上车神盘,业主贱卖可乐公寓二居室,每平仅1.4万,首付仅25万!
推荐 2020-09-22 04:44 355 3043
呈贡核心区新上好房,均价1万的广电苑(呈贡)四居室,首付仅42万!速看
推荐 2020-09-22 04:44 997 7317
梁溪一周好房速递,这套三居室均价1.1万,首付42万就能搬进惠麓苑(C区)!
推荐 2020-09-22 04:44 522 6270
这才是津南真实房价!降价2万后,沽上江南二居室,首付只要35万!
推荐 2020-09-22 04:44 939 7210
姑苏楼市大揭秘 !解放新村新上三居室,均价才2.2万,首付只要69万!
推荐 2020-09-22 04:44 379 2469
高新区高性价比学位房盘点,每平2.5万,富康新村二居室遭疯抢,首付才51万!
推荐 2020-09-22 04:44 882 5378
南开学位房踩盘笔记,这套二居室均价2.9万,首付87万就能搬进兴云里!
推荐 2020-09-22 04:44 808 6933
西咸新区刚需上车神盘,业主贱卖西安国际美术城四居室,每平仅1.6万,首付仅123万!
推荐 2020-09-22 04:44 480 7408
工业园区刚需上车神盘,业主贱卖观澜丽宫四居室,每平仅4.3万,首付仅345万!
推荐 2020-09-22 04:44 343 8980
本周精选六合捡漏房,首付52万就能买到三居室,仁锦苑最新均价1.6万
推荐 2020-09-22 04:44 578 3654
岱山:礼堂庆丰收
推荐 2020-09-22 04:43 323 8968
自由贸易试验区再扩容 打造各具特色的改革开放新高地
推荐 2020-09-22 04:43 940 2531
全锦赛江苏女排最具冠军相,但二传位置稍不足,主传位置存隐患
推荐 2020-09-22 04:42 238 4748
2-0!AC米兰完胜,38岁伊布踢疯了,梅开二度,彻底打爆对
推荐 2020-09-22 04:42 92 6159
聚势前行,乘风破浪!恭贺中国微团“超级速递”高峰论坛圆满成功
推荐 2020-09-22 04:41 975 3554
HKC144hz电竞曲面显示器—制胜秘诀唯快不破
推荐 2020-09-22 04:41 898 5725
巴萨离队第4人诞生!中国老板豪砸1.1亿 打造英超头号黑马
推荐 2020-09-22 04:40 603 5530
易烊千玺后援会负责人被扒,竟是鹿晗粉丝,粉丝不满:解散重组!
推荐 2020-09-22 04:40 584 9737
虞书欣被认成杨超越,真实回应,我的头比她大,是小作精没错了
推荐 2020-09-22 04:40 466 906
浅析一下赤鞘九侠的实力对比
推荐 2020-09-22 04:40 839 8995
散热第一神光第二,骨伽黑影S2机电套装+酷冷海魔360水冷
推荐 2020-09-22 04:40 401 6449
《蒙面舞王》全新赛段开启,李治廷强势回归猜评团,六位新晋蒙面舞者来袭
推荐 2020-09-22 04:40 214 5666
王一博,唇色渐润渐迷人,上演撩人美男计
推荐 2020-09-22 04:40 394 7510
李嫣的兔唇不见了堪比整容,14岁成气质女模,看清正脸直喊女神
推荐 2020-09-22 04:40 181 1056
拴住的狗对着猫大叫,猫躺在地上静静的看着狗,猫:有本事你就来
推荐 2020-09-22 04:38 338 5891
Gemini爆料QG惨败原因:训练赛连输3天,选手心态崩了
推荐 2020-09-22 04:37 216 9908
热心市民拾金不昧民警帮忙找到失主
推荐 2020-09-22 04:36 722 6271
北方士族大家选择与胡族统治者合作:实是出于自己家族的利益考量
推荐 2020-09-22 04:36 490 1075
国家教育行政学院萧山基地班考察秦淮区洪武路街道社区治理工作
推荐 2020-09-22 04:35 191 9707
狗妈妈怕孩子被送人,叼着宝宝离家出走了,还知道往小路上跑
推荐 2020-09-22 04:35 94 3119
雨天行车,注意安全
推荐 2020-09-22 04:35 120 3510
大山深处的“逆袭”:今昔对比见证云南新时代变革
推荐 2020-09-22 04:35 842 2760
我的职业推球生涯——推球日志 滚球的诱法
推荐 2020-09-22 04:32 879 4238
吴江一周好房速递,这套四居室均价2.3万,首付113万就能搬进新湖明珠城望湖苑!
推荐 2020-09-22 04:31 984 3139
惠阳新上笋盘,鼎盛大厦一居室,首付仅14万!折下来每平才1.0万
推荐 2020-09-22 04:31 388 6902
金水一周好房速递,这套三居室均价1.2万,首付43万就能搬进豫军长基花园!
推荐 2020-09-22 04:31 627 2945
潍坊昌邑:车祸发生后 街头上演感人一幕
推荐 2020-09-22 04:31 508 2402
吉利新车PREFACE亮相,2.0T引擎+7速湿式双离合
推荐 2020-09-22 04:31 256 8411
万州区开展网络安全宣传周“青少年日”活动
推荐 2020-09-22 04:30 904 1055
江宁刚需一族的福音!这套新铜花苑清风园二居室直降2万,首付23万,省出一辆车!
推荐 2020-09-22 04:30 790 9149