设计没亮点,试试这样!

风筝KK

2019-07-11

原创文章

1099

1

15

经验分类:经验/观点/原创文章

时间过得好快,2019都过了大半了,本篇文章和大家谈谈大家常听到的设计没亮点的问题~

Image title


你在设计时有没有这种情况,刚设计完的界面觉得效果、交互都考虑得很完美了,但是提交给老大的反馈却是太常规了,更可气的是老大还不给你说具体的问题,让你自己去想……

 

然而,当你想破脑袋好不容易做出一版~

老大却说:“不行,这版和上一版有什么区别?”

你结巴着说:“之前一版是卡片风格,这一版是大字体风格,给人的感觉都是不一样的……”

老大:“所以咧”(看着低着头的你~)

老大:“动脑子想想,重新在做一版,优先考虑功能和交互,比如~”

你:“恍然大悟~”

 

设计没亮点一般有三个原因,第一是没有亮眼的功能;第二是没有亮眼的交互;第三是没有亮眼的视觉,在设计时评价一个界面的好坏并不是你的界面如何炫酷,而是你的功能是否满足用户使用,你的交互是否让用户有一个好的体验,最后才是你的界面要让用户觉得舒服。

Image title

但是功能和交互在设计时我们大多的参考来自竞品,以及我们常用的软件,所以我们的设计稿就会出现上面说的太常规的问题,并没有结合产品具体来考虑,那么我们如何才能让我们的功能和交互有亮点呢?

 

这需要我们平时下功夫,定期去体验不同APP,查看优秀的作品,将一些功能、交互不错的点都记录下来,量变决定质变,这样你的界面才会变得丰富起来。

 

下面和大家分享了20条我平时记录的功能交互亮点,希望能给大家带来帮助。



1、熊密 设置落锁时间


使用熊密私密日记,当切换到其他APP返回时,可根据需要设置落锁时间,避免落锁太快,反复输入密码,适用于操作频率、安全指数较高的金融记账类APP中。

Image title

熊密APP是我在做界面练习,翻花瓣的时候发现的,看到这个APP的截图就觉得很有意思,当我下载体验后发现,不仅视觉设计很独特,在交互上也能看到细节的设计。



2、MOO音乐 滑动切换


滑动唱片,可快速切换音乐,同时也可快速点击播放和暂停按钮。

Image title

MOO音乐推荐大家可以下载来玩玩,相比传统的音乐APP,它有很不一样的视觉、交互体验。



3、汽车之家 小图模式


文章或帖子可设置小图模式,方便快速阅读文章内容,同时还可节省流量。

Image title

这个趣设计是我在写VUI这篇文章发现的,为了搞懂汽车销售流程,因此我下载了很多汽车APP,在体验各大产品之后,发现汽车之家的APP做得也比较细致,比如文章详情页可设置小图模式。



4、轻听英语 逐句精听


点击逐句精听,可反复收听单句音频,避免一次听不清的情况。

Image title

英语类的产品比较多,但是大多数都以课程为主,轻听英语我觉得特别好的一点是其资源比较齐全,从雅思、托福、专八、四级、小学都有同步的课程资料,同时直接就可以收听不需要购买,对于学生党来说值得推荐,在播放界面有个逐句精听的功能觉得很不错。



5、美拍 登录账号露出


登录界面,将常用登录账号露出,避免用户忘记采用何种登录方式,减轻用户记忆负担。

Image title

美拍在体验时,他的登录界面把我吸引了,常规的登录界面一般只给你标注谁是常用的,但是美拍将登陆账号露出,让用户一眼就能知道该用什么方式登陆。



6、QQ音乐 进度条预览


滑动进度条时,上方会显示拖动时刻的歌词,帮助用户预览,确定调节位置。

Image title

体验APP时,有时候需要我们更加深度的去体验,作为一个用户去感受它的功能是否好用、交互是否流程,比如QQ音乐进度条预览在听音乐时发现的。



7、乐动力 滑块调节


设置身高和体重时,分别采用竖向和横向标尺进行调节,让设置更加直观易操作,适用于一定范围内选定一个参数的场景,例如设置投资金额、地图距离等。

Image title



8、小猿口算 拍照检查作业


使用拍照检查,系统会自动帮你检查作业,并给出检查结果,同时对于做错的题目还给出了解析,妈妈再也不用担心给孩子辅导作业了~,目前该功能在教育APP中比较常见。

Image title

当然做记录是为了能够举一反三,这个功能一定是可以应用到其他行业,其他类型的APP中,因此我就在想这个功能是否可以用在医疗类APP中,通过拍照检查体检单,系统自动分析并给出检查结果和相应的建议,这样的功能作为一个辅助检查窗口,可以解决等待医生宣布病情的那种忐忑情绪。



9、链家 一问多答


提一个问题,将得到多位经纪人反馈,降低用户咨询成本。

Image title

链家这个功能出现简直大爱,以前每次使用咨询时都需要手动一个人的去问,同时还需要跳转到消息界面,效率极低,那怕我只是问一个首付多少时也需要一个人一个人的问,现在我们只需提一个问题,就可以得到多位经纪人反馈,大大的降低用户咨询成本。



10、马蜂窝  短视频预告功能


短视频底部显示即将播放内容,让用户可提前预知播放内容,相比微博这种传统Feed流沉浸式体验更好。

Image title



11、马蜂窝 悬浮定位


点击悬浮按钮可快速定位到对应栏目,提高操作效率。

Image title

马蜂窝这个功能让我想起了网页专题中的快捷导航,点击对于的导航即可到相应的界面去,大家是否发现交互是不是只要能够解决问题,就算网页端中的交互效果,用在APP中也是一大亮点呢。



12、马蜂窝 评论区卡通贴纸


评论模块,通过情感化的卡通贴纸设计,让评论变得更加有趣。

Image title

其实大家发现,这个评论贴纸和抖音的打赏贴纸是不是很像,它让整个评论区都热闹了起来。



13、脉脉 快捷评论


好友祝福模块,点击快捷评论标签可快速完成祝福,降低互动门槛。

Image title

当然在设计时这样的快捷方式不单单只用在评论区,也可用在其他输入场景或者聊天窗口中,比如淘宝消息页和UC浏览器搜索页。




14、钉钉  密聊


消息已读后自动销毁,在各端不留痕迹,消息禁止拷贝转发,头像名字打码防截屏,不用担心消息被泄露了。

Image title

养成定期体验APP的习惯说起来简单,但是做起来却是很难,当我翻遍了手机中所有的APP,还是一个亮点都没找到时,就觉得不开心。不过刚好我要用钉钉请假时,发现经常用的钉钉也埋藏着功能亮点,所以大家一定不要小瞧经常用的软件。



15、随喵 随机话题


聊天时,系统可随机发放话题,帮助陌生用户间打开话匣子。

Image title

这里大家也许会问,你们在哪里发现这么多APP的,告诉大家知乎是个好地方,在知乎我发现了很多我都没有听过,但是00后们喜欢用的小软件,在其中也发现不少的亮点,比如随喵聊天界面的随机话题。



16、随喵 快捷互动表情


初次聊天时,可点击右下角的表情包快速和对方互动。

Image title

随喵大家可以下载下来体验,产品的口号就是找个人陪你聊天倾诉的暖心树洞,没有乱七八糟的约约约,没有软文广告,没有名字头像,在这里你就是一直喵,累了来这里放松解压。



17、好搭盒子 虚拟人物搭配


进入APP可根据身高体重三围,捏一个和你身材很像的人,你在逛衣服的时候可以直观的看到上身效果,以及你看中衣服的相关搭配,如果淘宝有这个功能我想大家完全是停不下来的。

Image title



18、NAVER 拨盘设计


分类页采用拨盘设计相比传统设计更方便拇指操作、更具趣味性。

Image title

我们在玩APP时,不要限制在国内的应用,国外的应用大家也可以下载来体验,NAVER是韩国的一款类似百度的APP应用,其分类页采用拨盘设计相比传统设计更方便拇指操作、更具趣味性。

 

当然这样的设计在国内其实不太常见,因为我们的信息都比较多,这样设计延展性不太好,但是这样的方式在一些场景,我们仍然可以借用,比如汽车之家的智慧展厅也用了类似拨盘的设计。



19、NAVER TV 视频广告提示


点击左上角箭头,视频收到底部,你可继续浏览其他内容,帮你轻松度过广告时间。

Image title



20、Nothing 种草搭配


商品详情页中增加同品牌风格、衣服类型、色系标签,点击这些标签就可以看到同类型衣服大家发布的种草效果,相较于普通推荐和猜你喜欢推荐的同类商品更具参考性,让你快速get到适合你的穿衣风格~

Image title



总结


当你的设计能力一直停滞不前,当你有不知道如何让界面有亮点时,不妨试试这样,将一些不错的功能、交互都记录下来,当你觉得没亮点时翻翻这些笔记,看看这些亮点功能或交互都是如何考虑的。 

 

全部评论:1

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消