关闭

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

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

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

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

APP工作内容顺序

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

交互:交互是否用户习惯,工作流程是否简单并解决你的问题;,有那些地方有疑惑。

规范:整个app是否有规范,整体是否统一,是否有品牌的延续性在里面内容:内容信息是否表达有层次;

按整个操作过程

首先:从ICON开始,在过引导页,细节!创意上来讲尽情的展示你设计师的细节展现无疑!

其次:再从首页开始,页面交互决定UI呈现方式!功能优先级决定视觉焦点! 所以不能只为了好看而设计

再次:多用用户的角度去说,去发现问题,比如如果用户看到这个按钮,我觉得他不会去点,因为颜色太灰了,

最后:夸夸这个产品,他给你看的很可能是他们公司自己的产品,很可能就是他做的,不足的地方要含蓄点出,有好处有点的地方也要及时称赞

下面给大家举个具体例子

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

打开淘宝进入【首页】

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

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

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

【微淘】

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

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

【社区】

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

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

【购物车】

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

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

【个人中心】

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

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

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

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

 

本文由产品100为你推荐并呈现

文章来源:UI中国

文章作者:小浩哥

 

友情提示:

若出处标注错误,请联系QQ:2977686517及时更正,感谢理解和支持!

0条评论 添加新讨论

登录后参与讨论
Ctrl+Enter 发表