赞助商
立即赞助

UI、UE都应该掌握的、最具代表性和价值的6条专业知识点

产品设计3年前 (2021)发布 流光
1.8K 0 0

编辑导语:向业的人学习,不但以节约我们的时间,而且以学到具有业水准的识。文者从际工出,结合自身工经验,对UI、UE需要掌握的业识进行总结,希望对你有用。

因为本篇章是我总结梳具有代表性和值的6条专知识点,耐心看后一定会有收获。

顶部导航和左侧导航的用法

顶导航:顾名思义导航在顶,这是目前最见的导航模式。顶导航一般会含有个人中心和一些功入口。

顶部导航常作一级导航。

如下图猫眼PC网站,顶部导航含首页、电影、影院、演出、榜单、热和商城等导航功能模块。

UI、UE都应该掌握的、最具代表性和价值的6条专业知识点

如导航里存在级导航则可以聚合在下菜单里,鼠标hover出现下菜单,击下菜单里选项,进入应功能界。如下图所示ant design导航组件,鼠标hover出现级导航,导航里进了分组。

UI、UE都应该掌握的、最具代表性和价值的6条专业知识点

侧边栏导航:多用于级导航(相于顶部导航而言)。侧边栏导航里功能般会进分组,默认展示出来,便用户可以全局知所有导航功能。

当然只有极少的业需求为了节内容域空间默认收起,有的侧边栏会提供点击收起左侧栏功能。

下图微信众号台,该网站只有边栏导航,没有顶部导航。

UI、UE都应该掌握的、最具代表性和价值的6条专业知识点

顶部导航和左导航的用法总结:

  • 顶部导航一作为一导航,左侧栏导航一作为二导航;
  • 当网站只有一导航建议使用顶部导航;
  • 当导航存在父子层级,需要默认展开子层级的话,则左侧栏导航;
  • 当网站既一级导航,又二级导航则两导航一起使用。

返回、取消和关闭的用法

我们在使用App的程中,点击进下一个界面的时,有时导航栏上是返回,有时是取消,有时是关闭。

那么么时候使返、取消或者闭呢?他们有没有规则呢?

如下图微信朋友圈,点击朋友圈,入下一页,新页面从左往右出,这时候导航栏返回。

UI、UE都应该掌握的、最具代表性和价值的6条专业知识点

如下图,发朋友圈,点击从手机相册选择,这时候新页面从屏幕底部出,导航栏取消。

UI、UE都应该掌握的、最具代表性和价值的6条专业知识点

如下图,用户点击链接,通过微信内置的浏览器打,这时候导航栏变了关闭操作。

UI、UE都应该掌握的、最具代表性和价值的6条专业知识点

返回,取消关闭三的用法总结:

  • 一页从右到左转场返;
  • 新页面从底部出覆盖当界面,用取消或者关闭。当需填写表单内时,用取消。当非表单内填写用关闭;
  • 进入微信浏览用关闭,这个比较特殊。为要遵循平台规则(如微信浏览或小程序等)。

如何判定功能强弱

在设计界面的过程中,会遇到哪些功或元素该强,哪些功或元素该弱,如何衡量和判定呢?

设功能强弱依据以下2点:

  • 功值大,如果这个功对产来说具有很强的变现或者战略意义,那么就算这个功使人数多,数据大,那么要将它重点对待和设计。
  • 用户使用否高频。当用户使用高频时,需强化该功能或元素,增加用户体验,产品留存多的用户。

网页打开规则

设计师在设计PC端网页的时,经常遇到一个困扰,点击一个功能或者操,下一个页面究竟是新窗口打开还是当前页面打开。其个有一个原则:

看页面是否有明显的返上一层的入口,有的话,当前页面打开,没有的话,口打开。

UI转交互

目前很多UI都想转交互设计,但是在小公司没有交互设计师,UI设计师知道交互设计师需要哪些技和工作输物,更知道如何转行。

对于UI设师,可以作中,试先画交互原型,多思考交互流程,尽别过度关注单界面元素,养原型流程思维。

多关注设计规范,这里设计规范不仅含视觉也含交互。

UI计尝梳理有价值的项目,然后尝去思考复盘。推导出整个项目,例如需求,如何做需求析,如何确定产品目标,计目标,如果通过数据去优化现有方法,如何通过其计策略提升产品计的得方案如何查等等

关什么是产品目标,设计目标,数据分析和设计,设计方法论有哪,以在我的历史文章找到。

转行的具体做法如:

梳理一套符合们项目的设规范,里面包含交互ui组件,可以参考antelement。的过程中可以看看我的web端设规范文章参考:设规范 | Web端设组件篇-文本与选择器

  • 梳几套从接到产需求,如何做设计推到最后设计方案的的方法。这个可放在后的项目中。知道如何做设计推导可看篇章:体系设计流程与思路
  • 多产品需求方对接,并让pm将画原型的活交给。根据UI规范组件直接搭建,提高人效。
  • 内部多主动动些事情,例如可用性测试,设计体验优化等。

作品集

作集要体现4点:

1. 项目值

多思考项目的值,做了哪些好点的项目,将这些项目拿来,然后尝试思考复盘。

2. 设计方案推导

推导整个项目,例如接到需求,如何做需求分析,如何确定产目标,设计目标,如果通过数据优现有方法,如何通过他设计策略升产设计的得到方案如何走查等等

如果UI作品集的话,努力将视觉图的好看点。然后项目的时候,建立一套自己的设推导法。例如如何义产品风格,如何确主色、辅色。图标如何制作(图标设方法)、流程设的思考。对项目多思考,阐述下自己的理解。

3. 团队影响力

如何通过人的一些推,对团队产影响,这些影响促团队发展,对团队反馈。

4. 项目驱动能力

如何驱动产品理、发业务角色,设推动优化,把控设度流程。

以上6条内容是我觉UI或UE都可能需要,具有定价值,所以我分享出来,希望大家有所帮助。

如果你有其见和建议,欢迎在评论留言一起交流。

欢迎关注者的微信众号:「Echo的设计笔」

UI、UE都应该掌握的、最具代表性和价值的6条专业知识点

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

大家好!我是张小龙。 刚刚我们在下面看了一下这些吐槽,非常好,因为我每天都在听到这样的声音,都已经习惯了。我觉得在...
公开课演讲
理论概述 1. 理论表述 任何任务都会拖延,直到所有可用时间都用完为止。 2. 理论背景 Cyril Parkinson 是英国的海军历史学...
帕金森定律
做儿童产品时,你有没有下面的经历: 花了很多精力搭建了完整专业的内容体系。但家长反馈,孩子没有耐心,对内容不感兴趣,...
KDC 儿童设计
提到日本,每个宅男都会低头抿嘴一笑,然后回家默默打开电脑里隐藏了 N 层的某个文件夹…… 原本,我的印象也和这些宅男一样的...
情感
数字性能管理平台 Dynatrace 研究,当你打开网站时,等待其加载内容的时间,近半数人最多等3秒,如果网站不能在3秒内加载完内...
iconfont
本文将结合今年双十一淘宝「盖楼」活动,为你深入剖析上瘾模型。 要说今年设计行业讨论度最高的岗位,莫过于产品设计师。「...
上瘾模型
面对国内外竞品崛起,QQ 音视频如何寻求突破,制定对用户有价值的策略,赢得数据增长和用户口碑。 现状分析 要突破用户增长停...
QQ
导语 「增长(Growth)」概念的火热源自几年前畅销书《增长黑客》,目前已经成为互联网公司的重要课题之一。 增长设计,顾名...
B端产品