加入收藏 | 设为首页 | 会员中心 | 我要投稿 温州站长网 (https://www.0577zz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 运营中心 > 交互 > 正文

微交互的设计案例与思考(中篇)

发布时间:2017-05-11 14:47:59 所属栏目:交互 来源:woshipm
导读:副标题#e# 设计师和初级产品经理在面试中不能很好回答APP设计好在哪里,并非是由于平时使用太少,而往往因为缺乏一种视角,即产品是为人而设计的。当我们意识到使用产品的是人,人具有感性层面,就会发现使用”功能强大、信息准确和流程最优“等客观化标准

虽然APP可以不知道我是谁,但是我可一直在使用这款软件啊,从行为中分析我的偏好,记住我的喜好,为我做个性化推荐让我开心很难吗?多数APP却根本不关心这一点,但有一款产品好像不一样,这款产品就是阿里旗下的二手平台-闲鱼。通过记录搜索和浏览行为,闲鱼的iOS通知、首页置顶和前几页的商品都是用户所关心喜好的,这是一位能记住顾客喜欢的服务员,丝毫不让人感觉是打扰,而是感到十分贴心。

理解使用产品的是人,人具有主观感受,我们就将以全新的视角重新审视和设计产品的交互形式。我们为产品设计出好服务员一样的礼仪,但我们很快发现这样的感觉还不够,因为有一个客观事实存在:所有的交互形式都最终在设备上呈现,而人通过眼睛浏览阅读和手指点击拖动使用设备。

四 为舒适而做的设计:舒适是好用的前提

三年前我购买了当时摄像头达4100W像素的NOKIA LUMIA1020。当我在父亲面前显摆这个黑科技产品时,父亲拿过手机大概看了20秒时间,说了一句令我至今难忘的话“这手机不好,握在手里不舒服。”想想也对,一部整天在手里使用的手机,如果拿着不舒服,还提什么别的呢。

案例一 OFO和摩拜单车的键盘输入:为舒适的输入优化

微交互的设计案例与思考(中篇)

我们其实没有发觉,生活中很多事物都是被优化过的。当我们每天乘坐电梯,用手指去按楼层的按钮,那按钮刚好是我们拇指的大小。而当我们坐在电脑前工作,键盘的大小则刚好是我们食指的宽度,鼠标是我们手掌的宽度。这些都不是巧合,而是为了更舒适的操作而设计的。

去年的一个冬夜,我走出地铁找到一辆OFO,使用键盘输入车牌号,输错了一位,结果不得不提交报错重新解锁另外一辆。后来我仔细想了想,原来我之所以输错的原因来自OFO不合理的软键盘设计。

OFO的解锁场景要比一般输入苛刻,原因在于用户此时目光需要聚焦三处:车牌、键盘、和输入框。但是OFO却设计了一个糟糕的键盘,不但浪费了7和9下面的空间,还用两个数字键的面积重复了一个本来在输入框旁边就存在的确认键,这样键盘被划分成了四列,每个数字键都小于食指的宽度。摩拜单车,和支付宝输入金额的软键盘,都采用三列。让用户不输错最好的办法不是提醒,而是舒适的输入。

案例二 Path的抽屉交互模式:为舒适的浏览优化

微交互的设计案例与思考(中篇)

在移动设备上,抽屉交互最早出现在2012年的Path上,当时被称为“神交互”。原因在于那时智能手机刚刚出现,屏幕大小是3.5英寸,Path的抽屉模型将菜单和消息列表收敛到顶部导航中,最大限度的解放了屏幕可用显示区域,让用户舒适的浏览列表,不被底部导航遮盖。但随着智能手机屏幕尺寸变大,这种结构的优势减弱,劣势凸显(菜单的层级过深,菜单唤出按钮点击频繁),最终被微信这种底部浅宽导航取代。

当我们今天使用以地图为中心的产品,比如滴滴打车,摩拜单车,会发而Path所努力的方向和解决的问题仍具有巨大价值。为了更有效率的利用显示区域,最小遮盖地图,舒适的浏览和操作地图,这些产品仍然使用的是抽屉模型。

理解用户的需要,调整信息展示的层级,解放屏幕可用区域,是Path所体现的为舒适浏览所做的设计。

案例三 微信、轻芒和好奇心人报:舒适的阅读应只有内容

微交互的设计案例与思考(中篇)

今天的智能手机越来越大,但我们看看家里书架上的书籍和杂志就会发现,即使常见最大的手机屏幕面积,也比不上一本书籍或杂志。今天我们已经逐渐习惯了使用智能手机阅读,比如使用微信浏览公众号文章,或使用杂志APP阅读精选内容。

在微信浏览器内阅读内容并不是经过优化的舒适阅读,顶部的黑色调航条让我们在滑动屏幕的时候,减小了阅读面积,同时感受到强烈的视觉遮盖感。既然我们不曾在杂志和书籍上并看到导航,那么为什么我们要在手机上必须看到?

不是每个APP都像微信一样。轻芒使用白色的顶部导航和底部输入评论,相比之下接近杂志的感觉,但关闭的位置欠考虑,随着手机变大和单手操作习惯,对角顶部绝不是一个合适的返回位置。好奇心日报则让我们看到了真正优秀的交互设计,在用户滑动浏览的时候,屏幕干净的没有任何多余的东西,这不正是我们所期待的阅读吗?舒适的阅读就应该像书籍和杂志一样只有内容。

案例四 iBooks和微信读书的亮度调节:舒适的操作是直接的

微交互的设计案例与思考(中篇)

当我们用勺子吃饭,希望直接握住柄就能使用,而不是使用复杂的操作形式,这是为什么对幼儿来说勺子比筷子更容易使用的原因。同样,我们为了能够更快速的调节播放器的音量,在耳机线上增加波轮,也希望用手指滚动就能调整音量,而不是显示对话框操作。对人来说,最舒适的操作都是直接操作,但糟糕的交互设计不是,它们让人倍感蹩脚。

人们在移动设备上使用阅读软件,由于长时间观看,对亮度的要求和调节都更加苛刻。当我们使用iBooks阅读的时候,调整亮度的操作:

点击界面唤起菜单点击顶部亮度按钮显示亮度条滑动亮度条点击屏幕关闭亮度条点击屏幕会到阅读状态

这是一个不直接操作的糟糕设计,没有人会用这种方式调整亮度,人们宁愿使用今天iOS的系统亮度调节:

上滑屏幕拖动亮度条下滑屏幕回到阅读

但这仍然是一个不直接操作的设计。它们都来自以体验著称的苹果公司。

难道想调节播放器的音量就不能直接滚动耳机线上的波轮,而非要用对话框么?微信阅读不是这样做的:设计者在这里使用了系统的多点触控,用户只要双指在屏幕上下滑动屏幕即可,这个操作虽然可见性差,但读书APP并非暂时使用,用户在长时间阅读中一但熟悉,就会爱不释手。

案例五 麦当劳卫生间标志和小米电视软键盘:避免暂态下的新奇操作

微交互的设计案例与思考(中篇)

(编辑:温州站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读