小屏幕智能设备上的交互设计有哪些挑战和解决思路.docx

上传人:b****6 文档编号:3694991 上传时间:2022-11-24 格式:DOCX 页数:7 大小:21.18KB
下载 相关 举报
小屏幕智能设备上的交互设计有哪些挑战和解决思路.docx_第1页
第1页 / 共7页
小屏幕智能设备上的交互设计有哪些挑战和解决思路.docx_第2页
第2页 / 共7页
小屏幕智能设备上的交互设计有哪些挑战和解决思路.docx_第3页
第3页 / 共7页
小屏幕智能设备上的交互设计有哪些挑战和解决思路.docx_第4页
第4页 / 共7页
小屏幕智能设备上的交互设计有哪些挑战和解决思路.docx_第5页
第5页 / 共7页
点击查看更多>>
下载资源
资源描述

小屏幕智能设备上的交互设计有哪些挑战和解决思路.docx

《小屏幕智能设备上的交互设计有哪些挑战和解决思路.docx》由会员分享,可在线阅读,更多相关《小屏幕智能设备上的交互设计有哪些挑战和解决思路.docx(7页珍藏版)》请在冰豆网上搜索。

小屏幕智能设备上的交互设计有哪些挑战和解决思路.docx

小屏幕智能设备上的交互设计有哪些挑战和解决思路

小屏幕智能设备上的交互设计有哪些挑战和解决思路?

【杨曦的回答(12票)】:

小屏智能设备至少会带来两个挑战:

每次视觉呈现内容的减少和每次视觉输入内容的减少。

每次视觉呈现内容的减少

屏幕小意味着每次只能显示一小部分内容,不会有余地像其他设备那样把信息都放上去,期望用户会自己看到。

这样就要求对各种信息在每时每刻的优先级别要有非常透彻的理解和定义,保证每条信息能在最合适的时间与最合适的情境下出现,使用场景碎片化的纬度或许会比现在更细。

依靠各种感应器收集的环境信息,辅以大数据引擎的分析,交互设计的主要任务将可能是定义每种主要信息出现、交互以及消失的时机与方式。

还有一种思路是利用屏幕之外的方法,又或者不依赖(用)屏幕。

投影、甚至全息影像可以是一种解决方案,当然现在的技术可能还不太成熟。

除此之外,还可以使用声音(比如Siri)、体感(比如通过不同的震动方式、频率)、甚至气味等基于其他感官的界面传达信息。

以上这些方式都是每个设计师可以利用的材料和媒介,完全可以在设计的时候,突破现有设计以视觉为主的框框条条,混搭多种方式,尝试不同组合,以解决小屏的信息传达问题。

每次视觉输入内容的减少

屏幕小也意味着当下广泛使用的触控技术可能不再那么适合。

一是因为输入的空间小了,每次输入的内容少了,输入变得不方便。

二是输入的时候手指挡住的部分可能占屏幕的一大部分,有碍于一些情况的交互。

从设计的角度看,同样可以利用屏幕之外界面,比如:

设备的其他外表面可否触控、扭动等,不需要触控屏幕本身进行交互

设备能否响应体感姿势(比如说抬手看表的姿势自动点亮手表的屏幕)

能否利用光投射把交互投射到手臂上(智能手表操作起来困难:

把交互扩展到手臂上)

(Apple做的声控,压感屏幕就不多说了)

总结一下,小屏智能设备的交互设计最需要搞清楚的是每种信息的优先级与情境,最需要探索的是多种交互方式的合作与加成。

【林韜的回答(8票)】:

挑战:

自从iPhone初代发布以来,大家已经被越来越大的屏幕尺寸『惯坏』了。

当新一轮穿戴式智能设备袭来时,屏幕尺寸和便携性的矛盾显得更加突出:

屏幕尺寸对于gesture的可用性限制(基本2指以上的gesture都不可用),信息呈现的挑战(信息的密度,文字可读性,排版方式等等),输入方式(传统键盘难以适用),点选(因为屏幕尺寸小导致手指会遮蔽住需要点选的内容),等等。

解决思路:

其实AppleWatch在这方面有很多颇具启发性的解决方案。

对于gesture,有节制的使用最基本的swipe和flick,而不适用需要多指的gesture;重视typography,字体和排班针对小尺寸屏幕的优化;输入方面以语音为主,辅助以一些不需要精确点选的输入方式(比如画图案,拍击等等);对于点选时手指遮蔽内容的问题,采用屏幕外部的物理输入方式也是一个不错的方案(比如AppleWatch的crown);另外,也要尽可能利用丰富的sensor和算法,以减少主动人机交互的必要。

【晓生的回答(2票)】:

1.减少屏幕上的信息量,为小屏幕设计。

2.利用感应器和使用场景等,智能判断当前用户会关心什么信息。

3.考虑到小屏幕容不下多个按钮,推荐一项操作。

4.除了点击,考虑使用其他交互形式,语音或者手臂抬起唤醒智能手表屏幕。

5.简化功能,比如不要把手机电话短信等功能照搬到手表上。

6.挖掘它们特有的应用场景,比如运动状态中,用户肯定是无法精准点击小屏幕上某个按钮的。

7.探索设备的可能性。

未来,哪些功能或操作放在智能手表上更方便?

【马骥的回答(5票)】:

关于挑战,简言之只有一点,如何以手机界面为基础大幅度简化界面,并根据小屏幕的特点研究有区别的交互模式。

以智能手表尤其是AppleWatch为例

简化:

1、去掉Tab栏。

而代之以多屏切换,如Glances。

2、保留导航栏

但只留下必要的标题。

3、有限的菜单列表

保留菜单列表,但大大缩小项目数,免得要多次滚动才能到底。

交互模式:

1、中心聚焦。

手机上的聚焦多处只体现在z轴上,如图标到界面的切换,通过放大动画连接。

AppleWatch的聚焦在x轴y轴上也有所体现。

按动表冠,则界面回到中心。

2、聚焦的放大效果。

以大小来分清主次。

在AndriodWear上打开GoogleNow界面,向下滚动时候,菜单会有放大效果。

AppleWatch的主页,星体图标呈现流动的大小切换效果。

这种大圆小圆的效果如此强烈,可以想象,未来会有App将手机上多个分块的腹肌式入口替换为大圆小圆的形式。

3、边缘手势

智能手表将更多地利用边缘手势。

具体说,是下边缘和左右边缘。

据我对Moto360的体验,从表盘上侧边缘向下滑动,是很别扭的手势。

因此,AppleWatch换出Glances的操作,是从下边缘向上滑动。

4、表冠的放大放小操作

App内将更多地利用界面的放大放小来呈现更多信息,要把这部分操作转移到表冠上。

5、动效

在有限的屏幕上,动效的意义格外重要,因为它能够使信息的踪迹更容易被捕捉。

比如AppleWatch的通知是先弹出一个大的图标来吸引注意力,然后图标缩小,带出操作菜单。

6、利用振动

振动反馈将应用在更多情境中。

比方说,微信可不可以有振动表情(不同的振动模式)?

各个App的通知呢?

7、压感屏

这个还得出了AppleWatch才能体会。

目前猜测,是一个弹出更多菜单的交互方式。

8、和手机的配合

是否有些App要区分手机App和手表App,分别承载不同情境下的功能。

……

【陈凯翔的回答(1票)】:

其实问题就是:

如何解决小屏幕认知最大化,一条法则:

分清楚信息层级,大量压缩非常用、重要程度低的功能的层级。

把这点做好了,再去谈其它方法。

【知乎用户的回答(1票)】:

谢邀。

我不知道现在的电容触摸屏是否已经做到可以精确触摸。

以我的个人体验来说,在需要精确触摸的地方经常给我带了很不好的体验。

小屏幕更是会遇到这个问题,更是让用户的手指施展不开。

另外在相对较大的屏幕上我们可以使用很多手势操作,多点触控操作,在小屏幕上就不行了,因此有些操作也会变得相对复杂些。

为了让用户在小屏幕上的操作体验不差,那么在一个小屏幕上就要放置相对较少的图标,相对较少的文字。

这样点触起来就能相对容易,但是接收到的信息就相对较少。

那么就要做好这两种状态的切换。

图标和信息较多不便于做触屏操作时用于浏览,可用按键操作。

图标和信息较少时被放大时做触屏操作。

【尘封的兔子的回答(1票)】:

谢谢邀请,这个问题回答起来还是有点复杂,首先,智能设备的人机交互主要牵扯到输入和输出两个方面。

输入方面就是要解决可使用的输入控件少和操控面积小的问题,拿苹果表来举例,输入控件这块苹果在不影响外观的情况下使用了一个调节旋钮,这个旋钮可以实现选择按压等动作来完成针对内容的操作指令,操控面积小则可以通过页面内容的调整来实现,例如易理解的按钮标示,单屏专注的内容展示等,当然内容的展示还会牵扯到产品结构与页面结构自适应等问题。

当然这说的是比较常规的思路,处于开拓阶段的语音控制、肢体手势等输入方式的扩展如果在技术上有了进步也不失为更好的交互方式。

下面再说输出方面,输出就是设备将内容以何种方式展现给你,这个也是很多人关心的问题,这个问题的解决常规的可以依赖页面的设计,产品结构的调整进行优化,这样无法解决的问题,会使用一些诸如语音播报、震动等体感输出,当然现在很多这种设备的思路是与手机等终端配合使用,即用小设备进行简易输入,由大屏设备进行输出,人们设想的投影显示也是相同的思路。

【刘建的回答(1票)】:

谢邀,虽然不觉得自己有什么能力回答好这个问题,就当我是乱入吧…

个人认为,小屏幕交互,核心解决的问题是智能场景问题,要让设备在适当的时机适当的地点等等条件下,为用户呈现用户所可能需要的信息,减少交互的复杂度,提升交互体验。

再有就是蓝牙配套设备的升级和使用,例如更多功能的蓝牙耳机,或者类似googleglass的配套设备的应用,是小屏设备能够提升交互体验的关键。

以上为自己的一点拙见,抛砖引玉,请交互大神来给说道说道吧!

【任你行的回答(1票)】:

泻药,挑战在于屏幕小,不能如手机类过于依赖屏幕去互动。

现阶段的解决思路可以把穿戴式装备作为手机或电脑等的延伸控制器和交互器。

比如类似xboxone的动作感应,苹果手表已经实践了的触觉感应。

既然屏幕小就尽力发展除视觉以外其他五感才是王道。

也许将来的显示技术获得突破,像科幻电影一样不在被限制在屏幕上的时候,才是小型设备的春天

【崔东东的回答(1票)】:

目前为止,小屏幕上交互最优秀的安全应该是GoogleGlass了,但它仍存在各种不足,还需要用手来操控。

并且在社交应用中几乎无法使用。

并且现在除了老人机,哪儿还有2英才的屏幕?

我是一直主张抛弃屏幕的。

前段时间山西男童被挖眼事件,大家接触到一个新名字:

电子眼,虽然目前通过电子眼还能让失明的人恢复视力。

但为下一代交互交互方式提了个醒,大脑通过一个在耳后的微型天线接收相机发送的数字信号,如果经过改造,在天线芯片里添加各种传感器也不是不可能,将来我们就可以不视而见,不闻而听。

上面写的比较简略,等我修完服务器接着写

【关潇潇的回答(0票)】:

不管屏幕大小,解决思路都是:

天天拿着那个屏幕把玩(手掌上的或手腕上的或手指上的等,取决于这个东西干什么的),成为深度用户,就知道怎么设计好用了。

话说现在还有“小屏幕”这个概念吗?

哪种才是小?

一个iPod大小的屏幕夹在衣领口算小,戴在手指上就算大了吧?

【依山揽福的回答(0票)】:

这里很多答案都很好。

我必须补充的是,不管是小屏幕,大屏幕还是任何屏幕,我们必须注意到它们不再象十年前是孤立的屏幕,而是和其它周边设备互相之间互补互动的屏幕。

这为小屏幕智能设备上的交互设计既带来挑战又同时提供了解决思路。

挑战是如果你在设计一个小屏幕智能设备,那么你必须考虑它和其它智能设备共用的场景。

比如一个智能手环,它如何和智能手机交互。

哪些交互和信息在手环上,哪些在手机上。

而如果你在设计苹果手表上的app,信息和交互取舍更难把控。

用户和产品经理肯定会想把更多信息和功能放到手表上,而这么做必将妥协手表app的交互体验。

解决思路也很显然,因为屏幕不在孤立,层层递进/层层递减的多屏场景成为可能。

综合的体验一定能更好。

问题来了,多屏场景设计哪家强?

【cartzhang的回答(0票)】:

人们逐渐喜欢使用大屏幕,习惯两手操作屏幕。

小屏的挑战在于让少动手,多动嘴。

集中精力与内容,忽略操作。

【AllenChan的回答(0票)】:

大道至简,简洁的UI,参考Moto360

【高文超的回答(0票)】:

谢邀,谢邀。

看了楼上童鞋们的想法,很认同交互就是解决输入输出的问题,人机交互的本来定义就是如此,所以小屏幕智能设备的交互就不仅有屏幕了,配合的输入端可能有各种传感器、语音、眼动、手势,输出端则可能有不同体感(震动、闪烁)、全息、蓝牙、NFC等,而且也可能是其他设备(物联网)

回归到小屏幕上,小屏幕一方面造成用户可读可操作信息少,另一方面层级又不能过深,层级深就容易让用户迷失,再一方面多页面同步操作在app中难完成。

前面童鞋都说的很棒,我就说说我现在遇到的一些,手机端交互。

1.层级嵌套,用户容易迷失,类似如大众点评客户端,不断循环于商铺与商铺内团购之间,返回麻烦;

2.多页面同步操作,微信读朋友圈文章时来条语音,有没有很纠结是否要叉掉去回语音?

3.层级深,一入淘宝深似海啊

其实上面几个问题就是当应用做重时,不可避免的就需要更多的呈现空间以及操作空间,屏幕不变的情况下,我们就只能尝试纵向拉伸任务,而纵向拉伸任务长了页面多了就不可避免的影响到用户体验

解决这个问题,看看现有的怎么做的

a.神奇的小点点,小点点真的很好用,虽然点击后不是很舒服的非模态弹窗,但确实可以隐藏页面内必要而非急用的按钮

b.叉叉,页面过深时,用户叉叉就回到首页或二级页面,如同微信的关闭按钮,不舒服却实用

c.不用保存用户的每个行为,天猫里用户浏览过深时,超过五次点击返回就直接回到首页或二级页面了(部分页面,猜测为webview打开时的页面最多保存五个,也是为了内存着想)

发现的不多,想到就写出来了,感觉现有重应用的部分交互虽然不舒服,但还是解决了用户的痛点,期待更好的解决办法出现,像path的小叉、下拉刷新那么自然、惊艳的方法

另外苹果的视差、毛玻璃,AndroidL的动效,都是增加单个页面内的层级,一个页面内能解决的问题就不要多个页面了,大概是这样吧

当然交互的一致性、基于用户心理模型、情景设计、留白等都是普适的

ps,理论性不高,总结了些常看到的,明天有时间补图,另外,谁来告诉我为啥知乎iPad答题时,全屏,要长按文字才能唤起键盘。

【AlanZhang的回答(0票)】:

一切为明确主题服务

私以为近来所有的简约、精简、扁平化、微应用什么的都是在想尽办法从视觉上功能上交互上减少旁枝末节

多扯一句:

双11打算买个大显示器,空间真的是可以换时间的。

【梁晋豪的回答(1票)】:

WebOS

原文地址:

知乎

展开阅读全文
相关资源
猜你喜欢
相关搜索

当前位置:首页 > 高中教育 > 语文

copyright@ 2008-2022 冰豆网网站版权所有

经营许可证编号:鄂ICP备2022015515号-1