关于近期的一些自我总结

113天前发布

原创文章 / UI / 观点
王wyyp 原创,如需商业用途或转载请与王wyyp联系,谢谢配合。

关于我近期做的一些项目后的自我心得,第一次写文章,请多关照哈。

这是有关我最近的一些收获:


1.关于UI设计的:


1)设计前的项目分析很重要;在接到项目后,如果前期分析草草了事,或者是跳过分析直接埋头苦干,这样往往会得不到领导的满意,然后不想努力白费,东改西改后又被领导卡住,反反复复到怀疑人生后,找一个同类产品来一个偷天换日,鱼目混珠最后蒙混过关。

      那么,前期调研分析应该如何开展呢?

  • 了解项目背景,通过查找相关资料和一些相关的项目体验,了解此款产品的改版原因(视觉体验不好、视觉体验陈旧、无法满足公司新的需求等)。总之要得出产品真正需要的东西。

  • 用户群体调研,可以通过公司内部的统计资料、一些统计网站(如艾瑞网)、线上线下的用户调研等,总结出关键词、将数据进行可视化分析等。分析出产品的主要用户和受众等。

  • 用户画像,对我们前期调研资料做出总结,然后进行用户画像。

  • 竞品分析,通过对该产品的竟品深度使用,总结出竟品的优点和缺点。分析一下我们的产品上是否有这些优点或者有其他同等的优点,如果没有,可以想一下这先优点放在我们的产品上会不会有改进。对于这些缺点,我们也要检查一下我们的产品是否也存在,该如何升级,升级之后可不可以运用在我们的产品上。

  • 可以运用一些什么头脑风暴法等什么方法进行一些产品改进方案,想法可以天马行空,反正只是一个想法,没准到时候可以激发出一个完美的方案。每个方案都可以用5w1h方法来进行验证。

  • 5W1H方法:what改什么、where改哪里、who针对谁、why为什么要改、when改到什么时候、how如何改。



2)组件化思维很重要;UI设计的工作量还是有的,设计的时候一定要想方设法的提高效率。有一个提高效率的方法就是组件化思维。

  • 组件化思维可以将各个不同的设计中相同的部件进行快速选择和调用,可以省去很多步操作,大大的提高了工作效率

  • 组件可以纳入我们自己创建的组

  • 件库中,以后有其他的项目需要用到时就可以直接调用了,也可以很大的提高工作效率

  • 可以通过去一些网站上下载一些常用的组件,选择一些好的加入自己的组件库。


3)无障碍设计;设计是为每个人服务的,在进行设计时,要考虑到所有人的情况。无障碍设计可以为低视力人士的获取信息提供保障,也可以为在强光、弱光等环境下的用户提供保障。

  • 对比度;主文字和背景颜色需要有足够高的对比度。文字的视觉呈现至少要4.5:1的对比度,大号文字至少需要3:1的对比度。

  • 信息传递;信息传递可以通过多种方式,比如闪烁或者提示框的形式,这样可以为色盲、色弱等人士提供保障。

  • 闪光;不能包含任何含闪光超过3/秒的内容。

  • 边界明确;明确的表单边框对于认知障碍、视力低下的用户非常重要。清晰的视觉线索更容易让用户理解页面的可操作区域。

           无障碍设计指南 网站(https://www.w3.org/2014/04/WCAG_ZH.html#relativeluminancedef)



4)遵循设计规范化;规范化可以让产品的视觉呈现和元素统一,都有可以遵循的标准,可以保证产品的一致性。需要遵循的规范:操作系统规范、公司设计规范、产品内设计规范。平时在做设计时也要规范自己,让自己有意识地强化自己的规范化设计。

    这里推荐一些关于设计规范的网站哈

    (iOS设计规范:https://developer.apple.com/design/

       Android(谷歌)设计规范:https://material.io/

       B端设计规范:

       蚂蚁金服Ant Design:https://ant.design/docs/spec/introduce-cn

       有赞设计规范:https://design.youzan.com/index.html)



5)关于五步法

  • 战略层:分析用户需求,明确产品目标,遵守公司的战略原则。

  • 范围层:分析商业化程度,规划受众范围,了解受众的经济等情况

  • 产品层:解决用户的需求,总结出产品信息架构。

  • 交互层:信息层级的区分,对结构模块进行优化,梳理逻辑层次。

  • 视觉层:进行视觉设计(品牌规划运用、信息承载方式、圆角、字号、间距关系的把控等)

    (用户体验要素这本书里面有讲解,大家可以看看这本书哈。)


6)关于设计原则;一般想我这样的菜鸡设计师,还是需要一些设计原则,这样才能让我设计出来的产品能过领导的法眼。

  • 一致性原则;一致性原则在很大程度上可以减少设计师的工作成本和用户的学习成本。在设计中,设计元素要保持一致,重复使用的线框、颜色、圆角、文字等基本元素组成了设计的一致性。

  • 可控性原则;用户操作前需要有预知,操作中有反馈,操作后可以撤回。像京东的搜索页面,搜索前会给你提供所搜的内容,打字的时候会根据字来匹配你想要的产品,搜索完成后可以通过删除键来进行修改撤回。

  • 突出重点,减少干扰项;一个提示框最好就只显示必要的文字和图片,其他的东西都可以去除。这样极大的增强了用户的体验感。

  • 简单原则;文字表达应该简洁易懂,图案的表达也要明确。

  • 情感化设计;适当的加入情感化插画和动画,可以让产品触及用户的内心。如qq在刷新时会显示正在刷新和一个小动效,比起什么都没有或者只有一个正在刷新字样,可以给用户更多温暖。

  • 帮助成长;在一个产品里适当的加入一些引导、帮助和指南,加快用户对产品的熟练度。

  • 安全性原则;在需要输入一些密码或者一些隐私内容时,应该添加马赛克或者其他处理。在进行解绑、注销等操作时,应有安全提示等操作。如在支付宝转账时,会有安全提示字样。


7)关于语句的原则;这应该也算是设计原则吧。

  • 准确性原则;这个是最基本的,不能有错别字,大小写要规范,意思要明确等。最好在编辑的时候反复看看,确保准确性。

  • 一致性原则;句式语态统一,一般用主动句,展示数据或者前标时用阿拉伯数字,计量单位用英文缩写。

  • 易读性原则;尽可能用最少的字来表达最明确的意思,结构化的组织内容,区分重点地呈现,但是内容必须完整。可以通过多看文章和别人的排版来提高。


2.关于如何提高自己的

再做的东西被反反复复卡掉重做以后,又和一位学长交流心得以后,得出了一些结论。


1)在做项目前一定有足够多的调研,在做东西前一定要把项目里里外外都搞清楚。

2)要多和别人交流,了解别人是怎么做设计的,看看别人的优点,找出自己能力不足的地方,再针对自己能力不足的地方加以改进。

3)项目复盘。每次做完一个项目,都要回想至少一遍做项目的经历,找出自己在哪个环节有不足的地方,然后给自己定下一个小目标,下次项目就要改善这些不足。

4)每个设计都要有原理,哪怕只是一个很小的东西,都需要它存在的理由,不要一味的堆叠和简化,在观察别人的设计时也是这样,不是看完就以为自己学会了,一定要分析为什么他的细节的存在理由。这样才能是自己提高,而不是粗略地看完以后自以为提高。

5)注意观察细节,每一个地方都需要细节,细节决定成败,一定要有意识的丰富自己项目或者作品的细节。

6)多读书,在读本领域的书时也可以读读其他领域的书,拓宽见识是个好事。

7)多使用一些app,没准可以有意外收获。

                   


1
- 位站酷推荐设计师推荐 -

声明:站酷(ZCOOL)内网友所发表的所有内容及言论仅代表其本人,并不反映任何站酷(ZCOOL)之意见及观点。

    没有新消息