手机产品交互设计样式分类解读孟和2012

中文IT博客,为IT专业技术人员提供最全面的信息传播和服务

很多人都说,手机产品交互限制因素很多,过小的屏幕分辨率,过低的系统性能,过慢的网速,过弱的电池续航能力等等。但是在限制中还能做出优秀的设计,才显得弥足珍贵,就像风靡Symbian平台的gravity一样。

我们在使用手机产品的时候,视觉、触觉、听觉是经常被触发的。在此我对互联网产品的交互设计样式进行了分类:视觉交互样式、触觉交互样式、听觉交互样式和嗅觉交互样式。

界面的信息传达作用不赘述,对交互的影响也不容置喙。

这里我更想说的视觉不仅仅是指界面,而是脱离手机屏幕本身的视觉效果,达到让用户的视觉上的体验越来越丰富的效果。

当有新消息到达的时候,带有LED灯轨迹球的手机都会让轨迹球闪烁,起到提醒作用。相信不久的将来,五彩的轨迹球和轨迹球上写字都是可以实现的,到时候你可以根据不同的轨迹球颜色和文字提醒,在屏幕暗下的状态下也能判断出是什么新消息,来自谁。

图1HTChero和黑莓8800的轨迹球,在来电来消息的时候可以闪烁发光

目前主流手机的LED指示灯大多是可以控制的,包括LED的颜色,亮的时长,灭的时长,都可以控制。之前指示灯多是用在提示电量不足,当快没电的时候,指示灯会按照一定的频率闪烁红光。充电的时候,红色指示灯常亮,充满电之后变成绿色。后来指示灯又被用在提醒功能里,有新消息、未接来电的时候,指示灯也会频闪。

图2诺基亚N900,指示灯,开机、充电、来电都会亮起

LogicWirele带投影功能的手机,被很多人认为是中国山寨手机的胜利。据了解,投影手机最早的机型来自中国南方。

图5TrouHologram采用全息技术的革命性概念手机

触觉样式,不得不提到按键操作,按键可以执行基本操作,如回到主屏幕、调出菜单栏,也可以执行快捷键操作,如用1、3键翻屏,用音量键翻页等等。

触屏手机的出现,让手势操作变得更加让人追捧。通过长按拖拽,交换应用程序的位置。通过两指拉伸,放大图片。

图6常见的手势操作

你打了人,会有一个反弹力,告诉你你打到他了。你按下了手机上某个按钮,我们会改变按钮的状态告诉你,它被点中了。但是Nexusone采用了另一种形式为你提供反馈,就是震动反馈。

这个反馈方式在很早之前曾被用在手机的来电提醒里,其实还有很多可以使用的场景。这点是手机跟电脑最大的不同,你无法想象,你点了电脑上某个按钮后,硕大的主机或者显示器震动一下是什么样子吧?

『光诱导形状记忆聚合显示屏幕』(Light-inducedShape-memoryPolymerDisplayScreen),让触屏设备的回馈更生动形象。

图9微软的光诱导形状记忆聚合显示屏幕专利

这套主要是在说一个利用红外线来侦测触碰,同时选择性来改变表面状态的东西,也就是说,要让表面凹凹凸凸,或是平坦柔顺,全都靠特定波长的光来决定,好比说系统可以在默认为按键之处,投射某某波长的光,那该处就会显示突起,一旦人手跟表面接触后,势必会干扰到该投射光,系统要是侦测到相当程度的改变,就会自动让表面进行平坦、凹下等变化。相信到时候,设计师不得不考虑屏幕按下的效果了,说不定还可以做PC上的“鼠标悬浮”效果,当你的手机处于某个可点区域的上方时,会获得更详细的操作提示。

随着数字音频技术的发展,靠声音来与用户进行交互已经变得非常普遍且流行。比较常见的如新消息到达时的声音通知,Twitter的新消息被赋予鸟儿鸣叫的声音(Twitter的中文名经常被媒体翻译成“鸟鸣”还真的很贴切呢)。

人耳可以较容易的分别声音的强度、长短、音调、音色、节奏、旋律等特质。所以,声音一直被用来做为视觉的补充条件,提升用户体验。常见的声音反馈方式有——

我们用手机进行输入的时候,不同的手机会伴随着按键动作产生不同的反馈音,类似的操作按键被点击,都可以有相应反馈音。注册成功、升级成功也可以有成功提醒反馈音。

当用iPhone发短信的时候,发送成功之后,会有一声确认提示音。用新浪微博客户端Weico刷新Timeline后如果有新消息达到,会有新消息提示音。这种提示音的好处,就在于,你可以执行操作之后就取做别的事情了,如果听到提示音,就知道消息发送成功了,有新消息到达了,有效的告知了用户。

能不能靠模拟人声进行提醒呢?iPodshuffle依靠VoiceOver功能成为第一款会说话的iPod。假如你在听一首歌曲,想要知道它的名称或表演者姓名。只需点按iPodshuffle顶部的全新按钮,它就会告诉你3。你甚至可以通过VoiceOver听到播放列表名称,并在它们之间进行切换。此外,如果你的电池需要充电,VoiceOver也会告诉你。

图10iPodshuffle的VoiceOver会讲25种不同语言的原因,它可以你的母语说出歌曲和表演者名称

当然,尽管利用听觉可以做出很多有趣的交互体验效果,但是不能完全依赖听觉交互进行设计,因为在移动设备上听觉交互还有很多难题没有解决——环境,手机的使用环境复杂多样,在地铁上、路上等嘈杂的环境里,手机的声音可能就会变得微乎其微,听觉交互的可识别性将会大打折扣;噪音,当过度的依赖声音交互的时候,可能反而会形成一种噪音,干扰别人的生活。

所以,听觉交互要配合视觉交互一起使用,并且给予用户控制权,用户可以取消不需要的听觉反馈。

我们可能已经不稀罕环绕式立体声、宽屏高清电视之类的家庭影音系统了,设计师DavidSweeney设计的“SurroundSmell”把我们带入了新一波的体验中。这个设备内置有16种独特新颖的气味,用一个微电压泵控制,可以根据电视里不同的场景散发出不同的气味,来传达出不同的信息。譬如当电影情节发展到热带丛林里时,整个房间就会弥漫着一股丛林的味道,从而可以让人产生身临其境的感觉。

交互技术的迅猛发展,带来了新颖的交互行为,那些昨天还是出现在电影里的镜头,今天就活生生的出现在我们生活里。不过这些形式都是浮云,都是为了取悦用户,好的用户体验才是我们的终极追求。

以上是针对视觉交互、触觉交互、听觉交互、嗅觉交互几大类交互样式进行的梳理,尽管现阶段手机产品交互设计还大多数停留在视觉交互中的界面交互阶段,按键手机会有一些按键跟界面的互动,但是相信我们会在界面交互结构之上,探索更多的交互设计可能性,把复杂的交互设计变得简单化,站在用户的角度,不断提升交互体验

THE END
1.交互设计做什么?作者:Heidi格物志 ,分类:信息和交互 24.交互设计那些事儿(二)2011-10-31 23:36 《交互设计那些事儿》之一完工后,承蒙各位抬爱,在微博时代被大量转发和分享,也让我收到一些邮件,询问我下篇为何还不出来?请原谅我的惰性,每个周末都给自己找了不少借口一拖再拖,上个周末又在家里养了两天的病——在此提醒朋友们https://ucdchina.com/topic/15
2.交互设计师工作二三事(三)——导航分类与应用导航栏的类别有几种,在许多设计或者交互的专业网站上都会有所总结,以下是我一名同事总结的文章,供大家参考http://www.woshipm.com/pd/186928.html 这里我也再复述一遍,只是为了按照自己的思维帮助自己整理脑海中的信息,内容更多的来自于同事的文章。 导航的类型 https://www.jianshu.com/p/556d104c6019
3.产品设计的分类有哪几种?产品设计的分类有哪几种?主要是这 4 类:用户界面设计、用户体验设计、平面设计、交互设计产品设计一直以来都是涵盖内容非常广泛的一项工作。如果大家对其进行拆分的话,其实可以得出很多不同类型的产品设计方向。对于新人来说,精准了解这方面的知识非常有利于后期的就业选择。接下来,本文就来为大家具体介绍一下产品设计一https://js.design/special/article/product-design-categories.html
4.常见功能设计之“分类”和“TAG”(二)交互设计常见功能设计之 “分类”和“TAG” (二)交互设计 。 接下来具体说明一下我的观点: 1、如果不管具体怎么去运用,那么”分类”和”TAG”在存在的价值上没有本质的区别,他们都是用来归类和总结事物的。 所以如果你们的产品只有其中的一种,你也无须太在意什么”分类”"标签”字面上的区别… https://www.unjs.com/ziliaoku/dn/222016.html
5.交互设计方法的分类研究及其可视化摘要:目的 从交互设计方法的分类及可视化视角出发,探索交互设计方法在设计流程、研究范式与概念关注点上的态势,探讨未来交互设计方法可能的发展趋势.方法 通过梳理交互设计的发展脉络与技术、行为、社会三种定义视角,以交互设计经典定义的概念关注点比较分析作为研究基点,选取九十三种交互设计常用方法作为研究样本,利用分类可视https://d.wanfangdata.com.cn/periodical/bzgc202004006
6.什么是ui界面设计ui设计工作职能分类 1.图形设计 也就是传统意义上的美工,当然实际工作内容不单纯是意义上的美工,而是软件产品的外形设计,国内目前大部分的ui工作者都是从事这一方向。 2.交互设计 主要就是设计软件的操作流程、树状结构、操作规范等。交互设计就是做整个项目的交互流程,使操作更加简单、直接、突出主题。 https://www.hxsd.com/content/30876/
7.产品读书《设计心理学14》设计51CTO博客利用声音作意符:真实的、自然的声音同可见信息同等重要。声音的设计应满足如下标准:报警功能,定位功能,减小骚扰,标准化与个性化。 5 人非圣贤,孰能无过 何以出错:不能因为发现了人为因素就停止调查。 差错的两种类型 1. 失误的分类2类:行动失误和记忆失效。 https://blog.51cto.com/u_12667998/6543759
8.AxureRP8产品原型设计快速上手指南在做交互设计的过程中,为了保证用户对信息的理解,我们会不断地对信息进行分类,将同一属性的信息放到一起。RP8正式版中对属性和样式面板进行了重组和分类,更便于查找各类部件的属性,减少上下翻页以及选项卡切换等频繁操作。 工作环境介绍 1.2 页面面板 由Axure RP7中的站点地图发展到Axure RP8中的页面面板,更加表明https://www.epubit.com/bookDetails?id=N32085
9.物联网正火,如何入门智能手表设计智能手机、智能手表等智能设备的出现,让人们的生活变得更加便捷。而为了适应人们的使用习性、应用场景,智能设备也需要在产品设计、交互设计上做出更优方案,以达成更舒适的用户体验。那么,设计师该如何设计好智能手表这一类工具设备? 01 前言 1. 什么是IOT https://36kr.com/p/1718975256788225
10.如何设计智能汽车交互?WHY 为什么需要人机交互设计 SAE分类法将自动驾驶分为以下6个层级。 L0级(用于分类完整性)为完全的手动驾驶。 L1级以手动驾驶为主,但有一个辅助驾驶系统。横向与纵向控制都由驾驶员负责,其中典型的辅助驾驶系统,例如自适应巡航控制可在车辆横向或纵向运动控制中对相应部分的目标和事件具备自动探测与响应的能力。 https://www.dongchedi.com/article/7139791928941347360
11.人机交互学习3交互设计目标与原则交互设计目标 可用性目标 可用性目标不仅涉及人与之正在发生交互作用的系统,还包括系统对使用它的人所产生的作用。 易用性(learnability) 指使用系统的难易,即系统应当容易学习,从而用户可以在较短时间内应用系统来完成某些任务 易用性是最基本的可用性属性 https://blog.csdn.net/qq_51580006/article/details/131195523
12.WebUI设计理论学习笔记web-ui是什么--网页的界面设计 UI就是用户界面,包括三个方向:用户研究,交互设计,界面设计。 WUI是网页用户界面。wui设计与常见网站建设的区别是,wui注重人与网站的互动和体验,以人为中心进行设计。 关于屏幕分辨率 确定计算机批屏幕上显示多少信息的设置,以水平和垂直像素来衡量。显示分辨率就是屏幕上显示的像素个数https://www.imooc.com/article/details/id/20171
13.关于举办2021年校级数字媒体科技作品创作大赛的通知一、大赛作品内容分类 2021年大赛作品内容共分7大类(组),分设: 1.信息可视化设计。 2.数媒静态设计(普通组)。 3.数媒静态设计(专业组)。 4.数媒动漫与短片(普通组)。 5.数媒动漫与短片(专业组)。 6.数媒游戏与交互设计(普通组)。 7.数媒游戏与交互设计(专业组)。 https://www.qztc.edu.cn/jkxy/2021/0426/c6998a249802/page.htm