介绍

本系统是一个较为复杂的交互学习系统。系统涉及多个角色、多方设计、研发、使用而且变动和并发频繁,常常需要设计与开发能够快速的做出响应。同时本系统中存在很多类似的页面以及组件,可以通过抽象得到一些稳定且高复用性的内容。

随着 Chanel 系列项目推进,越来越多的项目产品对更好的用户体验有了进一步的要求。带着这样的一个终极目标,我们通过对前序项目的实践和总结,从此项目开始逐步打磨出一个服务于Chanel产品的设计交互体系。基于『确定』和『简洁』的价值观,通过模块化的解决方案,降低冗余的生产成本,让设计、开发者专注于更好的用户体验。

image

价值观

设计价值观为 Chanel 系列项目的设计者以及开发者提供一套通行的设计规范,并提供有效的设计实践所遵循的规则。同时,它启示并激发了设计原则和设计模式,为具体的设计问题提供向导和一般解决方案。
bIJZFjriQqeMPYyUkSev

简洁

乔布斯曾说过这么一句话:一旦你做到了简洁,你将无所不能!

在感知和认知中,视觉系统扮演着最重要的角色,通过对黑白两色的多样化搭配并运用到界面设计中,从而创建更有层次产品体验;

在行为的执行中,利用行为分析、后台预设等一系列方式,辅助用户有效决策、减少用户额外操作,从而节省用户脑力和体力,让人机交互行为更自然简洁。

确定

『设计者』需要做出更好的设计决策,给予研发团队一种高确定性、低熵值的研发状态。同时,不同设计者在充分理解业务述求后,基于 Chanel 系列项目体系都会有相同且符合当前业务特性的设计产出。

保持克制:能做,但想清楚了不做。设计者应当聚焦在最有价值产品功能打磨,并用尽可能少的设计元素将其表达。正如 Antoine de St.Exupery 所说:完美不在于无以复加,而在于无可删减,万事莫不如此。

面向对象的方法:探索设计规律,并将其抽象成『对象』,增强界面设计的灵活性和可维护性,同时也减少『设计者』的主观干扰,从而降低系统的不确定性。例如:色值换算、间距排版。

模块化设计:将复杂或者重复出现的局部封装成模块,提供有限接口与其他模块互动,最终全面减少系统的复杂度,进而增进可靠性以及可维护性。设计者应可运用现有(或前序开发完成)的组件/模板或者自行抽象可复用的组件/模板,节约无谓的设计且保持系统一致性,让『设计者』把创造力专注在最需要的地方。

流程

CHANELH5合作流程规范

文档更新时间: 2018-09-29 15:10   作者:admin