发布时间:2023-12-28 15:52:16 浏览量:135次
本文笔者将与大家分享一个小程序的迭代,通过这次迭代的过程,告诉你:怎么分析一款产品?做为UI设计师怎么全局的看待一个产品,以及如何运用产品思维思考设计?
有些产品迭代因为项目时间紧急,到UI设计师手里可能是没有原型图的,就是照着线上的老产品优化,增减功能,这时很大程度上需要产品的思维分析、优化页面。
下面分析一下这次案例首页存在的问题:
问题一:
“报名管理”的按钮设计会给人一种,整个卡片只有最突出的蓝色按钮可以点击的错觉,实际上整个卡片也是一个可点击项。
问题二:
“我领取的”应该相对于“我发布的”弱化一些,其次“我领取的”并不符合功能标题,“我参与的”更为贴切。
问题三:
这个算是一个低级错误,“发布中”和“已完成”应该有不同的状态区分。
问题四:
四个标签的设计识别性低,原因是:字小有的颜色相近须要仔细看,应该用差异化的图形体现各自的特征,这样用户对功能的认知更为快速。
问题五:
产品上的问题“创建时间”放这里没有任何意义,因为并不是用户关注的点,“0/20”让用户一头雾水,不知道是什么意思。(实际上是限定了活动的报名人数,可以看到报名人数的一个进度)
结合这几个问题设计了第一个版本:
主题色运用了小程序图标的颜色,底部导航去掉,这也是主要改版迭代的地方。为了使产品使用更简单直接,突出小工具轻量化特点,去掉复杂多余的元素,让用户打开产品唯一的入口就是产品的核心功能。
但是,这次的改版并不能算最理想的方案,分析一下这个页面的设计依据:
产品的特征是把用户分成两种身份:一种是发布者,一种是参与者。
现在顶部导航给了两种身份的入口,页面最为突出的按钮是产品的核心功能,这样的设计似乎非常的合理。但是,结合一个低频小工具的特征来讲,似乎整个页面结构设计,还不是那么轻量化和直接,参与用户需要点击“我的参与”才能找到所需要的,并不能直接触达用户的目的。
下图再次改版后的页面:
经过团队的激烈辩论,最终决定把“我的发布”和“我的参与”放到一起,这样能给用户最直接的感受,原因有以下几点:
但这还不是最终的版本,下面要说的就是很多设计师经常爱犯的错误:
上图哪种按钮的形式更符合此产品呢, 从版面上看左边的看起来更舒服些,因为页面给人的视觉感受更平衡饱满。
但是事实上有了更多的记录,左边的长按钮遮挡了更多的内容,而且一个不经常用的大按钮放在那里感觉很多余。所以,换成右边的样式,对内容区域没有更多的遮盖,上下滑动感觉更为舒适,所以最终选择右边的样式。
这里说明了一个问题:我们做设计时,应该要考虑到全部的应用场景,必要时需要把各种页面状态都设计出来,这样全面的考虑,落地才是经得起考验的方案。
改版产品的详情页面,这个页面几乎是多数用户第一次接触产品,看到的第一个页面,下面分析一下现版本的问题:
改版前后对比:
此次改版因为直接对接需求方,所以要从产品的角度去设计,不然改版后的产品可能只是设计的更好看了,并没有真正解决产品的问题。
我们UI设计师在设计前,是非常有必要对产品有充分透彻的了解,需要思考用户的真正需求是什么,善于结合产品及交互的思维做设计,这样才是在用设计解决问题。
UI设计师应该是感性的也是理性的,要用感性去寻找灵感,用理性来将灵感变成具体的设计方案。
作者:吴星辰,微信公众号:互联网设计帮
本文由 @吴星辰 原创发布于人人都是产品经理。未经许可,禁止转载。
题图来自Unsplash, 基于CC0协议
热门资讯
怎样可以提升你的UI设计能力!第一个:站酷站酷想必是设计师都知道的一个网站,里面不止有UI设计的资源,还有其他设计的,不如:平面设计、网页设计、字体...
2. 移动端UI设计中常见的5种APP界面类型,你get到了吗?
通过介绍移动端UI设计中的闪屏页、引导页、浮层引导页、空白页和首页等5种APP界面类型,帮助大家更好地了解UI设计的基本知识
将为大家介绍12个绝佳的UI设计网站,这些网站不仅可以为你提供灵感,还可以帮助你学习新的技巧,助力你的创意之旅!dribbbleDribbble 是一个面向设计师的...
在移动端设计中,列表页和表单页是不可或缺的部分。一个好的列表页和表单页设计能够让用户轻松地获取信息并产生点击欲望,从而提高点击率。本文将为你...
对于想要提高自己的设计能力和创造力的小白和UI设计师来说,这本书是一个很好的选择。4.《设计的觉醒》(IKKO TANAKA)推荐理由: 这本书是日本现代平面...
那么,要学习UI设计就要学习哪些课程呢? 其实,UI设计课程涉及到许多领域,一般分为艺术设计课程、设计辅导课程、图形课程、测试课程、动画示范课程等几...
7. 设计中的色彩心理学:浅析中西方色彩的历史演变与设计应用
摘要:本文探讨了色彩的历史演变和设计应用。通过对色彩在早期文明社会中的实用运用、不同文化背景下色彩观念的差异、色彩在设计中的重要性以及新兴技...
8. 史上最全,平面设计UI设计必备的77个国内外素材、设计资源网站
ui设计社区,大神太多了。3、behance: https://www.behance.net/ ,著名设计... 对于品牌设计师来说,除了图案素材收集之外,还有一个很重要的,就是设计故...
ui设计应该让用户一目了然,能够快速找到所需的信息和功能。在设计过程中,应尽量使用简洁的图标、文字和色彩,避免过多的视觉干扰。符合用户习惯:ui设...
探索零基础UI设计培训的时长与薪资前景。了解数字艺术教育领域的专业课程,以及培训后的职业发展机会。
最新文章
1. 打开微信扫一扫,扫描左侧二维码
2. 添加老师微信,马上领取免费课程资源
同学您好!