恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
面试中“你觉得这款APP做的好吗”如何破
0.0°
2015-12-04 原创文章 经验/观点 原作者: 原作者 举报 5726 358 268 50

那么作为一名ui设计师,都可以从哪些方面去评价一个app ?我给大家推荐下面几个思路。

各位同学在面试UI设计的时候经常会遇到的这类问题,你觉得这款APP做的如何?你能说说你最近常玩的APP吗,那些地方吸引你?等等诸如此类的,如果你平时本身积累的就很少,如果突然遇到这类问题,除了一些比较抽象的形容词,其他的不太能回答的出来。这在面试官的心中会给你大大减分,让人感觉到你不是很专业,平时不关注这个行业的产品。相反如果你能对答如流,很有逻辑很有思路并且以实际例子为基础阐述出来,那无疑使你在面试中脱颖而出。所以正在面试的同学还是要重视起来做一些准备。那么作为一名ui设计师,都可以从哪些方面去评价一个app ?我给大家推荐下面几个思路。

APP工作内容顺序

视觉:整体风格和整个行业的特点具体到色彩,按钮风格,图标风格,页面布局,字体的选择,是否统一,一些差异化个性化设计的地方进行阐述。

交互:交互是否用户习惯,工作流程是否简单并解决你的问题;,有那些地方有疑惑。
规范:整个app是否有规范,整体是否统一,是否有品牌的延续性在里面内容:内容信息是否表达有层次;


按整个操作过程

首先:从ICON开始,在过引导页,细节!创意上来讲尽情的展示你设计师的细节展现无疑!
其次:再从首页开始,页面交互决定UI呈现方式!功能优先级决定视觉焦点! 所以不能只为了好看而设计
再次:多用用户的角度去说,去发现问题,比如如果用户看到这个按钮,我觉得他不会去点,因为颜色太灰了,
最后:夸夸这个产品,他给你看的很可能是他们公司自己的产品,很可能就是他做的,不足的地方要含蓄点出,有好处有点的地方也要及时称赞

下面给大家举个具体例子

京东和淘宝这对竞争对手双十一较量之后,谁输谁赢不管我的事情,用户其实就是这样你俩闹越凶我越开心,谁同样商品谁折扣低我去哪买。今天呢咱就说下淘宝这款APP在设计上的特点一些细节和吐槽的地方部分界面会跟京东来个对比特点会更加直观展现出来淘宝,京东虽然名字不相同,经营内容却一样。那在此类电商的设计上存在哪些异同点呢产品的战略我不去揣测,作为一个美工,我来谈谈它的交互和视觉。


打开淘宝进入【首页】

与京东页面有点像...不对应该是太像了。首先淘宝顶部左中右分别是扫一扫和搜素框和消息3个入口,随后点开京东随意一看,一样的嘛,但随后转念一想这两家公司何等地位,设计团队如果就这样做的完全跟竞争对手一样讲出去多丢人,一定有不同之处仔细一看果不其然淘宝搜索框内会随机出现热搜关键词,快捷查找功能是一个相机图标,点击后只需扫商品玛就可以找到该商品,而京东搜素框是固定显示说明文字,快捷搜索是一个语音图标,说出你要商品名字即可,亲自试了下识别时间还是有点久可能是小浩哥普通话不是很标准···上部分的设计本人还是比较喜欢淘宝的,更好用些,图标样式两者都差不多。勾线图标简洁易懂。

紧接着是banner广告区,首页第一屏黄金位置上是淘宝其他服务的入口图标扁平化风格,不同颜色背景做区分,往下滑到就是商品活动区,商品分类区,和猜你喜欢推荐的一些商品,不同颜色标签,和白色面板块做区分,个人觉得淘宝那个标签字体颜色跟背景真的不是很协调。面板上商品信息展示倒是还可以底部选项卡半透明磨砂玻璃效果图标风格为勾线,整体给人感觉轻,通透,内容区给人感觉扩大了些,但是也带来了部分问题首页内容很多这样设计选项卡与商品内容区别不明显,会不会造成一些错觉···个人观点,京东就是深色与内容区做了强区别

Image title



【微淘】

界面说真的我刚进来真的不知道这个能干些什么,研究了一会还是不太清楚也许是因为咱平时不喜欢逛的原因吧。视觉上来说导航入口真是太多了,横向可以切换,动态,我的店铺。下方又是4个入口按钮有点拥挤,接着就是以软文形式发布的各种推广,店铺的,商品的,整个一大杂烩,而且兼具发帖评论功能,看得出阿里是想将社交元素渗透到每个产品中啊,但是这真的好么,以前淘宝给我的印象就是购物,淘东东,现在孩子长大了,啥都能干了我也变得不认识他了····个个板块之间用卡片的设计隔开,没有分割线更显得简洁清晰一些。微淘发现我猜到了它是推荐的入口,但是我没有猜到居然还有类似网易轻松一刻的板块,真是应了那句“我猜中了故事的开头,却没有猜中故事的结尾” 个人店铺推荐内容上有些带要优惠券标签,以为应该是个类似活动之类的,但点进去后与其他没有标签的店铺没啥区别。那这个优惠券的意思难道是表示此店铺可以使用优惠券?。太隐晦了我真心搞不懂。还有会面的“朋友都在买”“剁手党最爱”这些标签按钮后面的图标是像下的箭头告诉我可以展开吗?又错了是直接跳转页面,玩我是吗。从动态滑到我的店铺-广场。现实的居然是手机网络不畅。亲哥我在家连着wifi呢,网路不畅,能给我个靠谱理由不

Image title


【社区】

这个界面上看得出,阿里誓要将社交元素执行的更加彻底“支付宝朋友圈”也是这么干的。这个界面在结构上上方导航5个按钮并列排布,banner 我的圈子,用户发表的帖子从上到下排布,帖子这块完全瀑布流展现,来吧亲一直往下刷,总有你想看到的大妹子自拍,所有用户都能参与互动,这分明是天涯论坛嘛。左上角的头像图标成功的引起了我的注意,这是个人中心?那选项卡上的那个是什么?刚刚在微淘页面也有一个我的店铺他们是一回事吗?一个APP上有3个个人中心?瞬间有了找不到家的感觉···妈妈啊。导航上的“摇一摇”“打卡”两个图标风格颜色上与其他勾线图标风格有些不同是故意做的区别?最最差异的在这,页面向下刷,帖子分类标签自动吸附顶端,这个标签的切换设计的样式与之前微淘界面的设计是一模一样的,想当然的认为也是可以左右横向滑动切换,结果悲剧了滑了几次一点反应都没结果是只能执行点击切换。同样的控件使用方式居然不同,换来的只能是误操作,增加学习成本。

Image title



【购物车】

所购买的的商品很清晰的展示出来,间距字号的选择看着也很舒服,每个商品都可以单独进行编辑修改,还有一个总编辑按钮进行统一修改,很方便。但是这个总编辑按钮为何放在导航的右边,左边宁愿空起来也不给它,这是有多大的仇啊。另外商品的金额,数量也不太明显。我要设计付款啊这么重要的购买信息你不给我明显点,万一··可怎么办


Image title


【个人中心】

结构上从上到下依次“个人基本信息”“订单信息”还有一些购物的辅助功能这个页面呢咱们对比京东个人页面来说。个人基本信息这里,淘宝在旁边放了二维码小图标,京东没有放置 当时顿时感觉淘宝做的要好一些,有的社交软件自己的二维码总是隐藏很深,这个很清晰的就知道在哪里了很方便,但是请等等,淘宝上有多少场景是需要个人二维码的,难道真要做个社交软件吗?淘友?天天拿着淘宝聊天的人我身边还真没出现过··· 反看京东是把邮寄地址入口明显的展示出来这个功能还是经常可以用到的。

视觉上京东更加美观,整体风格更洋气。淘宝就逊色很多了。首先就是那大橙色,怎么看都带着点俗气 图标的颜色,形状细节上的设计京东明显精细考究的多。字体字号大小,字的颜色选择上京东将该突出的信息表现出来,并且没有突兀的感觉。淘宝在这些细节上明显没有做好。傻大笨拙的感觉。京东将“关注的商品”“关注店铺”“浏览记录”在页面上进行分类并且在相对明显的位置放着还标明了数量点击查找都很方便。而淘宝直接来个收藏,是不是太简单粗暴了点。还有其他的服务,京东将有关支付,优惠券,等放入钱包这个分类下面,关联性更强。淘宝还是一堆按钮跟那放着关键那按钮图标设计还真不咋样···淘宝的“设置”依旧导航右边与信息肩并肩好基友。左边空死也不过去,人坚不拆啊

Image title



很多人说淘宝,京东,美团,等这一类的APP为啥设计都像一个模板里出来的,因为用户的习惯已经被培养起来,谁的不想去花大精力去改变,只能做下微创新,但是微创新,也要设计好才行。细节之处见功夫啊。这个案例大概就分析到这里,面试者可能让你自己说一款APP这个就好办,事先按照这个思路准备下,或者干脆按照这个例子说一下自己的理解,记住别怕说错,面试官不是要你的标准答案,而是你看产品的思路,还有你的观察能力,发现问题的能力。只要你的观点能有所依据即可。文中一些观点代表个人意见,没有黑谁与否


Image title


更新:2015-12-04

收藏

358人已收藏

小浩哥

UI设计交流群1群已满,请加490301703.

  • 128

    作品

  • 2812

    粉丝

  • 15

    关注

  • 小浩哥全栈UI设计闲暇训练营学员作品(IP设计阶段部分)1
  • 京东设计师公益课-“零基础学会C4D"
  • 2020,小浩哥训练营学员作品
  • 大咖导师“零基础教你玩转电商c4d”

    猜你喜欢

      2015-12-04 原创文章 经验/观点 原作者: 原作者 举报 5726 358 268 50

      面试中“你觉得这款APP做的好吗”如何破

      0.0°

      你确定要举报面试中“你觉得这款APP做的好吗”如何破

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2015年10月30日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      268
      358
      50

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录