手机产品交互设计样式

合集下载

十大不合理的交互设计剖析

十大不合理的交互设计剖析

无意义重复的菜单
在 Gmail 中点击右下角的菜单,弹 出的选项中有“反馈”和“帮助”,但 是点击“设置”之后,在右上角还有一 个菜单,弹出选项还是“反馈”和“帮 助”。这样在 Split Action Bar 和 Main Action Bar 上集成了功能重复的菜单, 实在是难统一用户体验。 再看印象笔记, 跟 Gmail 比真是青出于蓝啊,记忆中印 象笔记应该是很早就推出 Android Design 风格的应用,设计上很贴合系统 也很漂亮,但是几乎在同一交互层,就 有三个菜单键调出“设置”和“同步” 选项。我实在想不出为什么要让这么多 分散的菜单指向同一个操作。完全没有 必要存在的菜单设计造成了无意义的重 复。
忽略掉的用户提示 Android 应用一般在顶部 Main Action Bar 中仅仅 指明了用户目前操作选项的位置,上一步是什么 是看不到的。iOS 上无论操作到哪一步都可以一 目了然的看到目前的操作选项和上一步是在哪, 在应用的交互层不多的时候,可能是无足轻重的 设计,但是在某些不断跳转的应用时,会给用户 的体验造成很大的差别。 如 App Store 的设计,在顶部 Title 上显示出当 前的位置和左侧返回上一层的信息,下载 Coogle Maps 时看到推荐再跳转到 Chrome,顶 部 Title 上会显示我是从 Google Maps 应用中跳 转来的,点击可以再返回到 Google Maps 的应 用信息。而 Google Play 中一步一步的从一个 App 的介绍跳转到另一个 App,一层一层的深入 的时候不知道自己所操作的位置。点击顶部的 Main Action Bar 中的返回,也不知道退到那一 层,一直都是显示 Apps。再加上 Navigation Bar 上的返回键和左上角的返回不一致的反馈, 既没有安全感又缺失控制感。

智能交互与数字化设计方法在产品设计中的应用案例

智能交互与数字化设计方法在产品设计中的应用案例

智能交互与数字化设计方法在产品设计中的应用案例1. 智能语音助手智能语音助手在产品设计中的应用案例是手机中的语音助手功能,如Siri、小爱同学等。

用户可以通过语音与手机进行交互,包括发送短信、拨打电话、查询天气等功能。

智能语音助手通过语音识别和自然语言处理等技术,将用户的语音指令转化为相应的操作。

2. 智能家居系统智能家居系统是指通过数字化设计方法将各种家居设备连接到一起,并通过智能交互实现自动化控制。

例如,用户可以通过手机或语音指令控制家中的灯光、空调、窗帘等设备。

智能家居系统通过感应器、网络连接和人工智能算法等技术,实现了智能化的家居体验。

3. 个人健康管理设备个人健康管理设备是指通过数字化设计方法将传感器、数据分析和智能交互等技术应用于个人健康管理领域。

例如,智能手环、智能手表等设备可以监测用户的步数、心率、睡眠质量等健康指标,并通过智能交互界面向用户提供相应的健康建议和提醒。

4. 智能交通系统智能交通系统是通过数字化设计方法将交通设施、车辆和用户连接起来,实现交通管理的智能化。

例如,智能导航系统可以提供路况信息和最优路线规划,智能停车系统可以实现自动停车和支付,智能交通信号灯可以根据实时交通情况进行智能调节。

智能交通系统通过数字化设计方法提高了交通效率和用户出行体验。

5. 智能零售系统智能零售系统是通过数字化设计方法将传感器、数据分析和智能交互等技术应用于零售行业。

例如,智能购物车可以自动识别商品,并通过扫码支付实现自动结账,智能货架可以分析用户购买行为并实时更新商品陈列。

智能零售系统通过数字化设计方法提高了购物效率和用户体验。

这些案例展示了智能交互与数字化设计方法在产品设计中的广泛应用,通过数字化技术实现产品的智能化、自动化和个性化,提高用户的便利性和体验度。

APP界面框架设计中常用的10大模式详解

APP界面框架设计中常用的10大模式详解

在线学习好工作/ APP界面框架设计中常用的10大模式详解随着移动互联网的发展,移动app已经成为了每个互联网公司的标配了,那作为产品经理,我们如何设计出更加符合用户体验的app产品呢?今天和大家分享的就是10中最常见的app界面光甲设计模式,一起来看看吧。

1.标签导航标签导航是十大界面框架设计里最常用的界面框架设计,也是被业界之内公认的一种普遍使用的页面框架设计。

那么这种页面框架设计在作业方面对一个用户来说也是最常见的一种页面框架设计,比如说微博、微信、手机百度、支付宝、淘宝,这些我们所谓的超级APP都是运用的标签导航,无一例外。

从这个角度也可以看出来,优秀的产品用标签导航这种页面框架设计是非常普及的。

标签导航位于页面底部,标签的分类最好可以控制在5个之内。

优点1)标签导航能够让用户清楚当前所在的入口位置。

比如对于微信来说,无论用户在“发现”还是“对话框”里面,用户都能通过底部的高亮区域来划分当前所处的这个产品结构的区域。

无论是当前位置的判断,还是要找这个入口,都比较方便,比如对于微信来说,很容易都过标签导航找到“朋友圈”。

2)轻松在各入口间频繁跳转且不会迷失方向。

比如对于微信来说,微信团队不仅希望我们拿微信来聊天,还希望我们拿微信来逛朋友圈、购物、支付、滴滴打车等等,那么如果能够让用户在不同的入口间实现频繁的跳转,那这时用标签导航是最合适不过的。

3)直接展现最重要入口的内容信息。

这有两层意思,第一层就是它能展示出来最重要的入口,比如拿微信来说有那么多的重要入口,显然“微信对话框”最重要,那么他们默认的把微信对话框作为主入口。

同样微博最重要的是首页,所以默认把微博首页作为最主要的入口。

其次,入口不仅可以展示,入口里面的信息也可以展示。

缺点:功能入口过多时,该模式显得笨重不实用。

怎么理解“功能模块过多”,比如说现在标签导航,一般情况下功能入口控制在5个以内,我们也会遇到6个的情况,但那种产品一般来说比较复杂,最少会是3个,最多5到6个。

产品需求-手机交互设计原则

产品需求-手机交互设计原则

手机交互设计原则在设计e指通客户端和wap2.0页面时,积累些手机交互设计经验,不断总结,理清设计思路。

以下设计总结出手机交互设计原则,仅供参照。

屏幕手机屏幕尺寸分为大屏幕物理尺寸和显示分辨率。

NOKIA,N78的物理尺寸为2.4英寸,显示分辨率为240*320像素;HTCT7278的物理尺寸为2.8英寸,显示分辨率为480*640像素。

三款手机显示精度不同,同样100*100像素大小的图片在这两款上看到的效果也不同,的大小的图片在HTCT7278看起来要比NOKIAN78小的多。

分辨率种类(不完全统计):一款软件适配所有分辨率的手机难度较大,势必需要先挑选主流分辨率进行设计,在此基础上适配其他分辨率的手机。

鉴于2021年QVGA(240*320)界面的市场占有率将达到70%,可将QVGA的手机概念设计当成主要的设计对象。

视觉重点自上而下大多数情况下浏览者看电脑屏幕时都不由自主的以“F”形状的模式阅读网页,而手机屏幕很小,显示能力有限,屏幕上才内容尽收眼底,阅读文字时自上而下,因而信息的重要性也是从上到下依次排列。

“F”形状的模式阅读简洁手机屏幕的显示能力有限,使用物理按键时,无法向电脑或者触摸屏那些跳跃式操作,必须依次切换控件的焦点问题,例如手机界面中的翻页程序,用户使用惟一的就是“下一页”,将“下一页”放置为第一个控件便于用户操作,方案1优于方案2。

界面简洁的途径:简洁其要求文字描述简练,但也要充分利用手机屏幕上仅有的显示空间。

例如iPhone的搜索栏,搜索框用于内容搜索,点击之后会显示虚拟摇杆,除了左边默认的搜索图标之外,搜索栏还包含其他原素。

任务当完成一个任务需要多步操作这时,可将任务进行拆建分成多个子任务,每个界面顺利完成一个子任务。

如逻辑清晰并保证用户操作的流畅性,可充分地增加页面跳转次数和点击的次数。

如使用e指通客户端购买电影票的任务有:查询电影→选择放映场次→选座→确定订单→支付。

人机交互设计的流畅性与一致性原则(十)

人机交互设计的流畅性与一致性原则(十)

人机交互设计的流畅性与一致性原则随着科技的不断进步,人机交互已经成为我们日常生活中不可或缺的一部分。

无论是在使用智能手机、电脑还是其他电子设备时,我们都会与计算机进行交互。

而一个好的人机交互设计可以使用户的体验更加流畅和愉快,提高用户对产品的满意度。

在人机交互设计中,流畅性和一致性是两个重要的原则。

一、流畅性流畅性是指用户在使用一个产品时所体验到的顺畅度和连贯性。

一个流畅的人机交互设计可以使用户感觉操作自然,没有卡顿和延迟,从而达到良好的用户体验。

要实现流畅性,设计师需要关注以下几个方面。

1. 视觉设计流畅:视觉设计是人机交互中关键的一环。

一个好的视觉设计可以使用户轻松地理解界面的用途和功能。

颜色、字体、图标等元素的选择和搭配应该符合用户的习惯和心理感受,不会给用户带来困惑和压力。

2. 功能布局流畅:产品的功能布局也是流畅性的重要方面。

用户可以通过直观的布局和导航找到所需的功能,顺利地完成任务,而不需要费时费力地寻找。

设计师需要考虑用户的习惯和心理,将常用功能放在易于找到的位置,避免功能冗余和混乱。

3. 页面切换流畅:在使用移动应用程序或者浏览网页时,页面的切换流畅性对于用户体验至关重要。

没有明显的卡顿和加载时间,用户可以快速地获取到所需的信息。

设计师应该通过优化代码、减少资源消耗等手段来提高页面切换的流畅性。

二、一致性一致性是指在产品的设计中保持统一性和连贯性。

一个具有一致性的人机交互设计可以使用户不需要重新学习即可在不同的场景下应用其已有的知识和经验。

要实现一致性,设计师需要注意以下几个方面。

1. 界面一致性:用户在使用产品时应该感到界面的一致性,即各个功能模块的布局、样式和交互方式保持一致。

这可以帮助用户更快地熟悉产品的使用方法,提高用户的工作效率。

设计师可以使用统一的颜色、图标和排版等元素来实现界面的一致性。

2. 交互一致性:产品的交互方式也应该保持一致。

用户习惯了某种交互方式后,应该可以在不同的功能模块间进行无缝切换。

智能产品交互设计优秀案例

智能产品交互设计优秀案例

智能产品交互设计优秀案例智能产品交互设计是指将人与智能产品之间的交互过程进行设计和优化,以提高用户体验和产品功能的有效利用。

以下是10个优秀的智能产品交互设计案例:1. 语音助手:智能音箱或手机中的语音助手,通过语音交互的方式,能够帮助用户完成各种任务,如查询天气、播放音乐等。

用户可以通过自然语言与语音助手进行交流,使得交互更加方便和便捷。

2. 智能家居控制系统:通过手机或智能音箱等终端设备,用户可以远程控制家中的灯光、电器等设备。

通过简洁明了的界面设计和直观的操作方式,用户可以轻松实现对家居设备的控制。

3. 智能手表:智能手表可以与手机进行连接,提供诸如接听电话、查看短信、计步等功能。

通过触摸屏、旋钮或语音等方式,用户可以与智能手表进行交互,实现各种功能的操作。

4. 智能健康监测设备:智能手环、智能体重秤等健康监测设备可以实时监测用户的健康状况,并将数据同步到手机或其他终端设备上。

通过直观的数据展示和友好的界面设计,用户可以方便地查看自己的健康数据并进行分析。

5. 智能出行应用:通过智能手机上的出行应用,用户可以实时查看公交、地铁、汽车等交通工具的实时信息,包括到站时间、车辆拥挤程度等。

通过地图导航和推荐路线等功能,用户可以方便地规划出行路线。

6. 智能电视机顶盒:通过智能电视机顶盒,用户可以通过遥控器或手机等设备,实现对电视节目的选择、播放和控制。

通过智能推荐和个性化设置等功能,用户可以更好地享受电视节目。

7. 智能门锁:智能门锁可以通过指纹、密码、手机等多种方式进行解锁。

通过智能门锁的应用,用户可以实时查看家门的状态、授权他人进入等。

通过智能门锁的日志记录,用户可以方便地了解家门的使用情况。

8. 智能购物应用:通过智能手机上的购物应用,用户可以浏览商品、下单购买等。

通过个性化推荐、用户评价等功能,用户可以更好地选择商品并享受购物的乐趣。

9. 智能健身设备:智能手环、智能跑步机等健身设备可以帮助用户记录运动数据、制定健身计划等。

手机App设计稿范本

手机App设计稿范本

手机App设计稿范本随着智能手机的普及和移动互联网的迅猛发展,手机App已经成为人们日常生活中不可或缺的一部分。

一个好的手机App设计稿能够为用户提供良好的使用体验,因此在设计过程中需要注意一些关键要素。

本文将介绍一个手机App设计稿的范本,以帮助设计师更好地进行设计。

一、引言在引言部分,我们可以简要介绍手机App设计稿的重要性以及本文的目的。

设计师需要明确设计的目标和用户群体,并通过设计稿来展示自己的设计思路和创意。

二、界面布局界面布局是手机App设计稿中最基础的部分。

设计师需要合理安排各个功能区块的位置和大小,以便用户能够快速找到所需功能。

在设计稿中,可以使用线框图或者原型图展示界面布局。

三、色彩搭配色彩搭配是手机App设计稿中的关键要素之一。

设计师需要选择适合的色彩方案,以表达App的品牌形象和用户体验。

在设计稿中,可以使用色彩样本或者渐变效果展示色彩搭配。

四、图标设计图标设计是手机App设计稿中的重要组成部分。

设计师需要设计一套符合App 风格的图标,以便用户能够快速识别和操作。

在设计稿中,可以使用矢量图展示图标设计。

五、字体选择字体选择是手机App设计稿中的关键要素之一。

设计师需要选择易读且符合App风格的字体,以提升用户的阅读体验。

在设计稿中,可以使用文字样式展示字体选择。

六、交互设计交互设计是手机App设计稿中最关键的部分。

设计师需要设计清晰直观的交互流程,以便用户能够轻松使用App的各项功能。

在设计稿中,可以使用流程图或者交互原型展示交互设计。

七、响应式设计响应式设计是手机App设计稿中的新趋势。

设计师需要考虑不同屏幕尺寸和设备的适配问题,以保证用户在不同设备上都能够获得良好的使用体验。

在设计稿中,可以使用不同屏幕尺寸的模拟图展示响应式设计。

八、用户测试用户测试是手机App设计稿中的重要环节。

设计师需要邀请用户参与测试,以获取他们的反馈和建议,并对设计稿进行优化和改进。

在设计稿中,可以使用用户反馈和改进记录展示用户测试的结果。

手机壳概念产品交互设计PPT优秀版

手机壳概念产品交互设计PPT优秀版

02 产品功能
防丢失
可塑性
防摔
• 夜视反光 • 感应定位
• 贴合手掌 • 自动还原
• 重力控制 • 软壳防刮
02 产品功能
防丢失
夜视反光
利用反光化纤布,来完成夜晚的反光功能,用户在黑暗 中也能找到 。
感应定位
在 壳中安装一个光感装置,利用这个装置与用户的 GPS连接起来,在特定时间段的一定时间内感受到了光 源即利用GPS向用户指定的发送定位信息。
产品竞争优势 光PP感T背装景置图和片G:PS图的表联下动载需:要利用 NPC功能来过渡,类似于用 的NPC功能刷卡扫描,具体还有待开发商榷。
由节于日材 PP质T模的板特:殊素性材,下手载机:壳的款式会比较单一,其售价也会相对昂贵一点。 节壳日中P有P一T模个板重:心素控材制下点载,:它的作用是保证 的重力点作用在 壳背面,这样在 下坠时,保证是 壳着地,保护 屏幕不受损坏。 P壳P中T模有板一下个载重:心行控业制P点PT,模它板的:作用是保证 的重力点作用在 壳背面,这样在 下坠时,保证是 壳着地,保护 屏幕不受损坏。 非用牛新顿 型流材体料的代获替取了方原式本也的比橡之胶前、的塑材胶料材容料易,。更加环保。 大使众用对 新与型非材牛料顿代流替体原的本认的知塑度料还,比更较加低节,能以环及保非。牛顿流体应用技术还不是很成熟。
的材料,现在也有科学家研发 出非牛顿流体的防弹衣、汽车 减震带等,所以将非牛顿流体 应用在 壳的制作中是可行的。
夜视反光 02 近几年来,夜跑爱好者也逐渐
增多,为了起到夜间安全的作 用,越来越多的服装采用反光 化纤材料来增加夜间反光效果, 而在 壳上使用这种材质,能 使 壳更好的成模,配适更多 的机型。
似于用 的NPC功能刷卡扫

智能手机UI主题界面交互设计

智能手机UI主题界面交互设计

摘要现如今,智能手机已经成为我们日常生活中不可或缺的一部分。

年轻消费群体更是将大量时间耗费在手机上。

技术的进步与市场的需求,合理设计智能手机UI 交互界面的重要性显得格外突出,以用户为中心的体验设计也越来越被重视。

手机主题设计作为界面交互设计中的一个新兴领域,满足用户追求个性化的需求,受到越来越多 UI 设计师的关注。

如何合理制定交互方式、确定用户界面风格、布局结构与信息展示方式,如何将手机主题界面设计与用户交互体验有机的结合在一起,是当下非常值得探讨研究的问题。

论文通过研究智能手机 UI 主题界面的设计,在遵循手机主题设计的原则基础上,进行手机主题的系列设计,完成了本次的设计方案。

希望通过该系列设计扩大设计手法的使用价值,为手机主题市场的蓬勃发展贡献力量。

关键词:UI 设计;智能手机;手机主题设计AbstractNowadays, smart phones have become an indispensable part of our daily life. Young consumers spend a lot of time on mobile phones. With the development of technology and the demand of the market, the importance of reasonably designing the UI interface of smartphone becomes more and more prominent. User-centered experience design has also been paid more and more attention. As a new field of interface interaction design, mobile phone theme design has attracted more and more attention from UI designers to meet the needs of users in pursuit of personalization. How to reasonably formulate the interaction mode, determine the user interface style, layout structure and information display mode, and how to organically integrate the mobile phone theme interface design and user interaction experience, are currently very worthy of discussion and research. By studying the design of UI theme interface of smartphone, this paper designs a series of mobile phone theme based on the principle of mobile phone theme design, and completes the design scheme. It is hoped that this series of designs will expand the use value of design techniques and contribute to the vigorous development of the mobile phone theme market.Key words: UI design; smartphone; mobile theme design目录第一章绪论.......................................... - 1 -1.1 课题来源................................................ - 1 -1.2 课题研究的目的及意义.................................... - 1 -1.3 课题研究内容及方法...................................... - 2 -1.3.1 调查法............................................. - 2 -1.3.2 文献分析法......................................... - 2 -1.3.3 实证研究法......................................... - 2 -1.3.4 设计创作法......................................... - 2 - 第二章智能手机 UI 主题设计的概况与分析.............. - 4 -2.1 智能手机 UI 主题设计的概念.............................. - 4 -2.2 智能手机 UI 主题设计的国内外研究现状及分析.............. - 4 -2.2.1 国内研究现状及分析................................. - 4 -2.2.2 国外研究现状及分析................................. - 5 - 第三章智能手机 UI 主题设计.......................... - 7 -3.1 手机壁纸设计............................................ - 7 -3.2 手机应用图标设计....................................... - 10 - 第四章结论与展望................................... - 12 - 参考文献............................................ - 14 - 致谢................................................ - 16 -第一章绪论1.1 课题来源随着网络化和信息化进程的加快发展,现如今,智能手机已然成为我们日常生活中不可或缺的一部分。

人机交互设计案例分享

人机交互设计案例分享

人机交互设计案例分享人机交互设计近年来逐渐成为研究范畴,越来越多的概念、理论、技术和方法得到了应用和发展。

随着手机、智能手表等设备的普及,我们的日常生活已经被数字化、物联网化的浪潮所笼罩。

在这种情况下,人机交互设计显得尤为重要。

本文将分享几个实际案例,探讨人机交互设计的应用和挑战。

第一个案例是“优化移动端购物页面设计”。

移动端购物是目前线上购物的主要方式,如何为用户提供舒适、便捷的购物体验,成为各大购物网站不容忽视的问题。

在此前提下,设计师应针对移动端的特性,采用简洁、细腻的设计语言;在页面布局方面,尽可能做到视觉上的简洁与合理,避免过多的废话和图片的干扰。

另外,增加购物车功能的易用性、在设计结构上兼顾自动与手动刷新等,也是设计师要思考的问题。

第二个案例是“探索新型智能家居设计”。

智能家居是近年来备受关注的领域,涵盖了家庭安全、家居娱乐、环境和能源管理等多个方面。

在智能家居领域中,人机交互设计极为重要。

一方面,设计师需要从用户的角度去思考家居场景下的需求与行为,考虑到用户的感性和体验性;另一方面,设计师还需要与系统开发人员密切协作,让设计理念真正落地。

此外,智能家居产品的插座、开关等硬件设备都需要有更人性化的设计,让用户更加容易理解和操作。

第三个案例是“改进医疗设备界面设计”。

在医疗设备界面设计中,需面对用户多样、操作简单却又严谨、可靠等情况。

在设计中,应充分听取客户和医护人员的意见和建议。

例如,在医疗设备的设计过程中,设计师应考虑到与患者之间的距离、高度和视线角度等诸多因素;在界面风格上,应采用专业、简洁、舒适的样式;同时,对于扫描仪等复杂的医疗设备,设计师还需注意降低操作难度,减少错误操作的发生。

这些案例告诉我们,人机交互设计需要从用户需求出发,而不是先有技术再找应用。

同时,设计师还需秉持着人性化、简洁、易操作等设计理念,让用户体验更加直观、舒适、愉悦。

但是,在设计中,设计师面临的挑战也很明显,比如需要考虑不同的用户群体、不同的应用场景等等,难度不小。

基于移动UI界面的交互式设计

基于移动UI界面的交互式设计

62软件开发与应用Software Development And Application电子技术与软件工程Electronic Technology & Software Engineering移动UI 界面已成为人们与移动电子设备互相联系的重要技术媒介,目前,该设计技术正广泛应用于移动电子设备后台与前台信息传达交互模块,进而给人们带来良好的使用体验。

因此,应对以移动UI 界面为基础的交互式设计进行探究,从而更好满足用户使用需求。

1 分析移动UI界面相关概述所谓UI ,主要是指用户界面,移动UI 界面指的是移动电子设备用户的操作界面。

在UI 设计出现之初,其主要代表着界面样式和外观,但在科学技术水平不断提高、人们对界面需求逐渐上升的背景下,UI 设计逐渐变为人机交互的操作逻辑与界面美观性的有机整合,良好的移动UI 界面不仅能够满足用户对页面操作的需求,还需要为用户提供愉快的操作体验和视觉体验,并从界面上获得更多有用信息。

从目前移动UI 界面发展现状来看,移动UI 设计的特点主要有两方面,分别是简约性和导向性。

具体而言,对于移动UI 界面设计的简约性而言,主要是因为移动电子设备的体积较小,影响界面体验的要素主要是移动电子设备屏幕的分辨率和整体尺寸大小。

目前,大部分移动电子设备大小均在五寸到十二寸之间,分辨率基本为2160*1080,虽然移动电子设备具有极强的便携性,但也限制了移动UI 界面设计空间,无法对其设计复杂的交互操作。

在人们对移动电子设备要求逐渐增多的当下,大部分用户不会选择需要两只手进行操作的系统和软件,为此,一般情况下,移动APP 的触点在两个及两个以下。

那么当对移动UI 界面进行设计时,需要对交互结构进行科学规划,以尽量简约的操作和界面给用户便捷的使用体验,例如,左右边栏的设计或是上下菜单的设计就实现了功能按键的隐藏,进而为用户提供更加流畅的操作体验。

对于导向性而言,传统图形用户界面使用的是WIMPS 威普斯界面,但该界面对键盘鼠标的依赖性极强,例如Windows 系统等,但对于移动UI 界面而言,操作和输入方式不再局限于鼠标,而是依靠体感和触屏。

人机交互设计:打造用户友好的产品体验

人机交互设计:打造用户友好的产品体验

人机交互设计:打造用户友好的产品体验概述在数字化时代,人机交互设计成为了产品设计中的重要环节。

它将人与计算机之间的信息交流转化为一种用户愉悦的体验,旨在让用户更加轻松、高效地使用产品。

人机交互设计的核心目标是打造用户友好的产品体验,使用户能够快速理解和操作产品,提高用户满意度和产品的市场竞争力。

人机交互设计的重要性人机交互设计的重要性不言而喻。

一款产品的成功与否,除了产品的性能和功能之外,用户的体验也起着决定性的作用。

优秀的人机交互设计能够最大程度地降低用户的认知负荷,提供直观、易用的操作界面,帮助用户快速完成目标,从而形成良好的用户体验,增加用户的粘性和忠诚度。

人机交互设计的基本原则实现用户友好的产品体验需要遵循一些基本原则,这些原则可以帮助设计师准确定位用户需求,优化产品界面设计。

1. 简洁明了人机交互设计应尽量让用户界面清晰简洁,避免冗杂的信息和复杂的操作。

用户面临过多的选择和复杂的操作流程会增加用户的认知负荷,降低用户体验。

因此,设计师在产品界面设计时应注意一切冗余元素,尽量简化操作步骤,提供清晰的提示和指引,让用户能够快速准确地完成操作。

2. 一致性一致性是人机交互设计的重要原则之一。

产品的各个界面和功能应保持风格和操作方式的一致性,让用户能够更好地理解和掌握产品。

如果每个界面的样式和操作方式都不一样,那么用户可能需要重新学习每个界面的使用方法,增加用户的认知负荷,降低用户体验。

3. 可预测性人机交互设计应该是可预测的。

用户在使用产品时应该能够合理地预测到下一步的操作和反馈,而不是感到困惑和迷茫。

良好的人机交互设计应该让用户能够清楚地知道他们正在做什么,以及下一步会发生什么,从而帮助用户更加自信地操作产品。

4. 反馈及时一种良好的人机交互设计应该具有及时的反馈机制。

用户在操作产品时,如果能够及时获得反馈,就能够更好地掌握产品的状态和操作结果,提高用户满意度。

设计师可以通过合理的动画效果、提示语和状态栏等方式为用户提供及时的反馈。

人机交互界面的设计与开发

人机交互界面的设计与开发

人机交互界面的设计与开发随着科技的不断发展和进步,慢慢地我们的生活中不断出现了各种各样的数字设备,比如手机、电脑、平板等等。

而这些设备都需要配备能够与人类进行交互的界面。

如何设计和开发一个高效、易用、美观的人机交互界面,已经逐渐成为一个非常重要的话题。

一、人机交互界面的重要性人机交互界面(简称 HCI)是指人与计算机之间的界面,也就是操作系统、软件、硬件、应用程序等等能够使人与计算机进行交互的技术手段。

对于用户来说,好的人机交互界面能够帮助他们更加高效地完成任务,提高效率,节省时间。

而对于生产厂商来说,好的人机交互界面则可以提高产品的竞争力,赢得更多的用户,进而提升品牌价值和业绩。

二、人机交互界面的设计原则要想设计出好的人机交互界面,必须遵循一些设计原则,以下是其中几项重要的原则:1、界面简洁易懂:良好的界面设计应该让用户一眼看出如何使用,不需要查看说明书或者问别人。

2、注意反馈机制:用户的每一个操作都需要得到反馈,以保证用户始终了解系统正在进行的操作。

3、注重易用性:界面设计应该能够满足用户直观的期望和需求,尽可能简单易用。

4、注重可访问性:界面应该在视觉、听觉等方面做到平衡,避免用户在视觉或听觉上受到过度的影响。

三、人机交互界面的开发方法与界面设计不同,开发人员面临的不仅是如何实现设计的问题,还需要考虑优化代码、提高性能等方面的问题。

以下是人机交互界面的开发方法:1、控件库:开发人员可以使用控件库来快速开发界面,控件库可以提供各种常用的界面控件,如窗口、按钮、文本框、下拉框等等。

开发人员可以根据需要修改控件的属性和事件。

2、脚本:脚本可以为界面添加动态功能。

比如,可以利用脚本实现鼠标悬停时菜单弹出等效果。

3、样式表:样式表可以为界面添加样式。

通过样式表可以调用控件库中的控件,并设置样式和布局。

样式表可以大大提高开发效率。

4、测试和调试:开发完成后需要对界面进行测试和调试,以验证其功能和性能。

手机应用程序的交互设计研究

手机应用程序的交互设计研究
错 要 帮 助 用 户 从错 误 中恢 复过 来
321 布局清晰 , .. 简洁, 保持一致性
322 焦 点状 态 ,控 件 状 态 等 要 准 确 使 用 , 并 且 高 效 使 .. 用 , 以 复 用 的控 件 避 免 重 新 设 计 ( 可 比如 两 个 页 面 都 用 到 tb a.

£: : —墨盈I ——田 _ 重 墨= := l
… 一
免 多余 的功能
l 四 四 … l } 口 圆


3 . 信 息表 达应 该清 楚 、 .5 2 明确 、 接 , 免术 语 ( 直 避 比如 “ 拉取失败 ” 这种措辞)
4. 交 互 设 计 DEMO呈 现
工程学科 , 具有不 同于其它科学和工程学科 的方法 。 从用户角度来说 , 交互 设计是一种如何让产 品易用, 效 有 而让人愉 悦的技术 嘲 它致力于 了解 目标用户 和他们 的期望 , , 了解用 户在 同产 品交互时彼 此的行为 , 了解“ ” 身的心理 人 本
和 行 为 特 点 , 过 对 产 品 的 界 面 和 行 为进 行 交 互 设 计 , 产 品 通 让
一 :
纛镰好敖
个 含义 、 同~种 操作方 式。另外 , 界面 布局 中, 辞是否准 措
图 3 交互 设 计 呈 现 一 的主 页 我 图 4 交 互 设 计 呈现 一 动 发 布 活
确 , 否能有 效传 达意思 , 字长度 限制 、 殊情况 处理是否 是 文 特 考 虑到位 , 列表 文字 的布 局、 内容页 的排 版是否合 适 , 都是 需
页面流程紧 随上一步 的交 互流 程设计 ,对任 务分析进行 自然转化 , 并指导整个软件界面交互 的信 息架构和操作逻辑 。

产品经理5分钟掌握8个常用交互组件轻松进阶原型设计

产品经理5分钟掌握8个常用交互组件轻松进阶原型设计

产品经理5分钟掌握8个常用交互组件轻松进阶原型设计作为产品经理,掌握常用的交互组件是非常重要的,可以帮助我们更好地设计产品原型并与团队有效地沟通。

在这篇文章中,我将介绍8个常用的交互组件,并提供一些实际应用的示例,希望能够帮助大家轻松进阶原型设计。

1.按钮(Button)按钮是最常见的交互组件之一,用于触发其中一种操作或者跳转到其他页面。

在设计按钮时,需要考虑按钮的颜色、大小、形状以及文案等因素。

例如,一个登录按钮可以设计成蓝色的圆角矩形,并标注为“登录”。

2.输入框(Input Field)输入框用于用户输入文本或者数字,是用户与产品进行交互的重要组件之一、在设计输入框时,需要考虑输入框的大小、边框、提示信息等因素。

例如,一个框可以设计成长方形的输入框,内部有一个提示文案“请输入关键字”。

3.选择框(Checkbox)选择框用于让用户选择或取消选择一个或多个选项。

在设计选择框时,需要考虑选择框的位置、样式以及选项的排列方式。

例如,一个选择框可以设计成一个方形的区域,内部有一个勾选图标和选项文案。

4.单选框(Radio Button)单选框用于让用户在一组选项中选择一个选项。

在设计单选框时,需要考虑单选框的位置、样式以及选项的排列方式。

例如,一个单选框可以设计成一个圆形的区域,内部有一个选中图标和选项文案。

5.下拉菜单(Dropdown Menu)下拉菜单用于显示一组选项,并让用户选择其中一个选项。

在设计下拉菜单时,需要考虑下拉菜单的样式、选项的排列方式以及用户点击后的展开与收起动画。

例如,一个下拉菜单可以设计成一个正方形的区域,内部有一个箭头图标,点击后展开选项。

6.滑块(Slider)滑块用于让用户在一个范围内选择一个值。

在设计滑块时,需要考虑滑块的样式、滑动范围以及滑动动画。

例如,一个滑块可以设计成一个水平方向的长条,用户可以通过拖动滑块来选择不同的值。

8.模态框(Modal)模态框用于显示一组相关的信息或者操作,并在用户点击外部区域或者关闭按钮时关闭。

产品文档中的交互设计规范

产品文档中的交互设计规范

产品文档中的交互设计规范在产品开发过程中,交互设计是一个至关重要的环节。

交互设计规范的制定可以确保产品在用户体验、功能性和可用性方面达到最佳状态。

本文将介绍产品文档中的交互设计规范,以指导设计师和开发人员在产品开发过程中的工作。

1. 用户界面设计用户界面设计是产品中最直接与用户交互的部分,它直接影响用户的使用体验。

在设计用户界面时,应遵循以下规范:a. 易于理解和操作:用户界面应简洁明了,按钮和功能的布局应符合用户的使用习惯,以减少学习成本。

b. 一致性:整个产品中的用户界面应保持一致,包括颜色、按钮样式、字体等元素的统一。

c. 可访问性:用户界面应考虑到身体残障和视觉障碍的用户,确保键盘操作和屏幕阅读器的兼容性。

2. 导航设计导航设计是用户在产品中浏览和切换不同页面或功能模块的方式。

在进行导航设计时,应注意以下规范:a. 易于理解和操作:导航栏应清晰明了,用户能够迅速找到所需要的功能或页面。

b. 可见性:导航栏应始终可见,无论用户在产品中的哪个页面,都能够方便地进行导航。

c. 反馈机制:导航栏应提供明确的反馈,告知用户当前所处的位置和页面状态。

3. 表单设计表单是用户输入和提交信息的界面,良好的表单设计可以提高用户的输入效率和准确性。

在设计表单时,应遵循以下规范:a. 标签和字段的对应:每个表单字段都应有清晰的标签,以帮助用户理解其含义。

b. 错误提示:当用户输入错误时,应提供清晰的错误提示信息,并指导用户进行正确的修改。

c. 自动化输入:合理利用自动填充和自动校验等功能,减少用户的输入量。

4. 响应式设计随着移动设备的普及,响应式设计成为了用户体验的重要考虑因素。

在进行响应式设计时,应注意以下规范:a. 自适应布局:产品应根据用户的设备类型和屏幕大小,自动调整布局和元素的显示方式。

b. 手势操作支持:产品应支持常见的触屏手势操作,如滑动、双指缩放等,以提升用户体验。

c. 图片和媒体适配:产品中的图片和媒体资源应根据不同设备的分辨率进行适配,以保证显示效果。

用户体验的手机产品交互设计原则

用户体验的手机产品交互设计原则

一、用户体验信息收集在讨论手机的交互设计方法之前;需要先对手机的用户使用习惯有一些基本的了解;需要对手机的用户体验信息做一些收集整理..收集用户体验信息首先需要确定两个问题:一是确定目标用户群体;二是确定信息收集的方法和途径..在确定目标用户群体的时候;很显然的是;已有产品有过使用和交互经验;具备该产品或系统的交互体验的用户;相比较于那些没有体验的用户;可以为设计提供更多更有效的信息..因此在收集用户体验信息时;应该首先考虑所需设计的产品的用户或是有过类似产品使用经验的用户..在理想的情况下;当用户体验产品的交互时;设计师可以通过某种技术或是研究方法获得用户的全部感官印象;掌握他们的情感体验..然而这些主观的体验信息很难用实验室的方法收集或是客观的科学描述表达出来..因此我们只能寻求贴近实际的近距离接触用户体验的方法;就是深入访谈和现场观察..我们需要调研的信息有:1.硬件部分:手机的持机模式右手操作、左手操作、双手操作;手机的操作模式手指触控、笔触、按键、滚轮、长按;两种操作模式下的输入方式全键盘、九键、触屏键盘、手写;信息反馈形式屏幕信息输出、声音、振动、灯光对用户的影响;2.软件部分:用户对屏幕信息结构的认识空间位置、信息排列顺序、信息的分类用户对信息导航的使用菜单、文件夹管理、搜寻特定文件用户对信息传达的理解图形信息、文字信息用户对交互反馈的获知每个操作是否有明确的反馈3.积极的用户体验:特殊交互模式带来的新奇感受——有趣简洁的操作步骤和有效的信息提醒方式——信任感软件运行速度;信息处理过程——操纵感和成就感允许误操作;有效引导——安全感交互过程中的完美感官体验视觉、听觉类似于电脑操作过程的交互有电脑使用经验的用户——熟悉感和成就感品牌元素在交互上的延续性——熟悉感和优越感4.消极的用户体验:系统出错、没有提示信息——压力、紧张和茫然缺少误操作的补救机制——挫败感、压力交互步骤的繁复难记——挫败感提示信息的不明确不符合用户模型——茫然过程处理时间过长——焦虑二、用户分类1.依据用户的需求可将智能手机的用户分为两类:1.1过程为主的用户processorientedenduser过程为主的用户的典型例子是电玩族;他们追求的终级目标就是视觉听觉的冲击和享受;最终游戏的结果反而变得不是那么重要了..此类设计对视觉和创意的要求是极为挑剔的;绝大多数设计师都有深厚的美术功底..1.2结果为主的用户resultorientedenduser然而;与结果为主的用户设计相比;过程为主的用户的市场和受众都要小的多..结果为主的用户不在乎用什么样的方式完成任务;但是任务必须以最短的时间;以最简洁的方式;最精确的运算结果来完成..对于此类用户的交互设计人员来讲;更重要的是设计更合理的任务逻辑流程logicaltaskflow;以期最大幅度的符合人脑的思考方式和认知过程cognitiveprocess..2.依据用户的使用经验可将用户可以分类为:2.1新手用户指刚刚开始接触和使用智能手机的用户;对智能手机的操作系统没有过使用经验;对计算机及应用程序的一般用法也没有太多的了解;但有一定的手机使用经验.. 2.2中级用户使用智能手机有一定的时间;换过至少一个智能手机..对智能手机的部分操作相对熟悉;但经常使用的软件数量较少;并不完全熟悉智能手机系统的所有功能;对界面交互所必需的语法信息了解较少..2.3专家用户有过相当长时间的智能手机使用历史;更换过几次智能手机;对手机的交互和电脑的操作都非常了解;经常主动寻找更简洁和快速的交互方式..一般来说;中级用户和专家用户在长期使用某部分交互时遇到的问题更具有代表性;而新手用户提出的问题则更有利于设计人员认清用户与智能手机交互时的认知过程..三、交互设计原则对应用户体验信息的收集和用户分类;我们可以总结出来智能手机上交互设计的方法和要点..1.硬件交互设计根据人机工程学原理设计按键大小等硬件交互要素;尽可能提供多种输入方式;包括键盘输入和手写输入;键盘包括数字键盘和全键盘..合理设计键盘使其符合用户的使用习惯;考虑环境对用户操作的影响..例如嘈杂的环境下提供震动的提示方式;黑暗又需要保持安静的环境下选择指示灯闪烁发光的方式提示用户..同样需要考虑环境因素对用户的影响;利用机械结构多样化设计实现单手操作模式和双手操作模式的切换;需要设计切换的便捷方式、屏幕方向的变化和键盘的转换等等硬件交互要素的变化..设计新奇的交互模式;将大大提升用户体验;例如sony的滚轮导航模式;和苹果的触点导航键旋转和点击;都获得了巨大的商业成功..2.信息交互设计信息项目的排布密度合理;字体排列、图标排列的方式具有可调性;设计合适的方式来突出重点信息;使用用户的语言来传达信息;而非技术的语言..有效地使用“隐喻”..例如windows里面的“记事本”就是一个很好的隐喻例子;因为它和人们熟悉的日常概念联系在一起;所以用户可以很容易的理解这是一个什么工具..好的隐喻可以起到快捷的说明作用;字体大小、颜色、图标设计等;都决定可读性的好与坏;需要保持一致性的不光有每个功能软件或是服务的图标外观;更包括开机动画、细节元素和无形框架的一致;都需要贴合用户行为习惯进行设计;尽量避免同一个元素包含太多的信息;例如;颜色的使用不要包含太多信息暗示;因为用户不一定会注意到或是理解某种颜色所包含的暗示..3.软件交互设计导航功能..随时转移功能;很容易从一个功能跳到另外一个功能;允许工作中断..例如当用户编辑短信的时候;收到短信或电话;完成后回来仍能够找到刚才正写的短信息;方便退出..例如;提供两种退出方式;按一个键完全退出;或是一层一层的退出..让用户知道自己当前的位置;使其做出下一步行动的决定;提供快速反馈;减少不必要的潜在等待时间..在任务交予系统处理或计算的时候;会有一段潜在的用户等待时间;一般我们会通过合适的等待提示让用户知道现在正处于系统潜在工作状态;而不至于让用户频繁地重复操作;使系统更慢;或者合理通过多任务切换处理避免这样的等待间隔..通过这些方法可以让用户回避这种的无效时间;从而提高交互效率..良好的防错机制..误操作后;系统提供有针对性的清晰提示..即使发生错误操作;也能帮助用户保存好之前的操作记录;避免用户重新再来;提供了解用户操作行为的途径;可以更好的帮助改善系统的操作;通过缩短操作距离和增加目标尺寸来加速目标交互操作..4.体验交互设计让用户控制交互过程..“下一步”、“完成”;面对不同层次提供多种选择;给不同层次的用户提供多种可能性;预设置的默认状态应该具有一定共通性和智能性;并对用户操作起到协助或提示的作用;此外;还应留给用户修改和设置默认状态的权限;图标、多媒体设计、细节设计和附加功能设计为体验增值;有效提升体验度;视觉设计;例如开关机动画、界面显示效果等;多方面考虑用户信息的私密性;提供有效的保护机制;例如指纹识别密码模式..四、总结体验是一个比较虚的概念;很难量化很难评估;所以也导致很多小的无线产品开发团队干脆放弃了对产品用户体验的把握;甚至不需要设置一个专门的呃交互设计师职位来改善产品的交互体验;这对于成长型的公司是可以容忍的;但是对于要想做出精品;长期处于市场不败之地的公司就显得不够严谨了..手机互联网是未来的发展趋势;手机产品也对交互设计提出了更多的要求;简单探析了一下从用户体验出发来进行手机产品交互设计的方法原则;之后还是需要一个比较成型的交互体验评估体系的..。

基于人机交互的老年人产品设计

基于人机交互的老年人产品设计

基于人机交互的老年人产品设计
刘胧;杨瑜;孙涛
【期刊名称】《工业工程》
【年(卷),期】2010(13)5
【摘要】从影响老年人与产品交互的生理、心理、社会因素进行分析,提出了老年人产品交互设计的一般原则,构建了老年人交互产品的设计流程以及老年用户参与产品设计的模型.通过对老年手机用户的问卷调查,对得到的手机外观、功能反馈信息进行了数据分析和整理,得到老年用户手机设计模型.
【总页数】6页(P89-94)
【作者】刘胧;杨瑜;孙涛
【作者单位】同济大学,机械工程学院,上海,201804;同济大学,机械工程学院,上海,201804;同济大学,机械工程学院,上海,201804
【正文语种】中文
【中图分类】TB472;C913.6
【相关文献】
1.基于声光的无触摸式人机交互产品设计 [J], 赖琮霖;黄庆涛
2.基于人机交互的工业产品设计模型研究 [J], 张修乾
3.试析基于人机交互的老年人产品设计 [J], 李家桂
4.基于人机交互的电子产品设计研究 [J], 黄丹辉
5.基于人机交互的电子产品设计研究 [J], 黄丹辉
因版权原因,仅展示原文概要,查看原文内容请购买。

产品经理设计总结:对常见tab样式做的一个分析

产品经理设计总结:对常见tab样式做的一个分析

为了更好地了解tab,我们首先要对tab做一个分类,这里我所分类的依据是位置。

那么根据tab在界面中所处的位置我们可以把tab分为顶部栏tab、侧边栏tab和底部栏tab,当然在导航体系中我们会说成顶部栏菜单、侧边栏菜单和底部栏菜单,都是一个意思。

虎扑的这个界面非常具有代表性,因为三种tab样式出现在同一个界面里,方便我们进行分析。

从导航体系的层级来说,底部栏属于一级导航,顶部栏属于二级导航,而侧边栏属于三级导航。

这种划分标准的其实是跟用户的拇指活动范围来决定的,或者说是拇指法则。

“拇指法则”是资深交互设计大神Steven Hoober在2013年对1300名手机用户的调查研究后提出来一个新名词。

他通过研究发现,49%的用户都是单手拿着手机,使用拇指进行操作。

甚至某些大屏手机使我们不得不进行双手持握的时候,多数人也还是倾向于使用自己的拇指。

Josh Clark在另一项研究中也得出了类似的结论,他指出:75%的手机交互都是由拇指完成的。

因此我们也可以说,对触摸屏手机进行交互设计,用户主要使用的就是拇指。

一级导航用户使用最频繁,所以用户的拇指必须很容易就能操作,而侧边栏和顶部栏相对来说都属于“边陲地区”,用户拇指很难够得着,手小的用户甚至要借用左手或改变握持姿势。

这肯定不是一个令用户满意的体验了。

其实这个也给了我们一个启发,在给移动端产品设计界面的时候,你一定要把图放在手机上看,自己尝试”操作”来测试易用性。

你的产品必须要让用户的手指操作起来很舒服,或者可以解放用户的手指,让用户可以单手很方便的完成操作。

我可以给大家举一个例子,我之前听到一个朋友抱怨说,微信发语音不方便,因为右手单手握持操作的时候拇指很难够得着。

我尝试着把语音和表情的图标对调了位置,发现并不理想。

虽然发语音更方便了,但是斗图就很困难了。

现在这个全民斗图的时代,用户发表情包的频率肯定要比发语音的要高得多(我瞎猜的)。

所以微信这里语音功能放在左边虽然难点击,但是我觉得没有毛病。

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

手机产品交互设计样式
很多人都说,手机产品交互限制因素很多,过小的屏幕分辨率,过低的系统性能,过慢的网速,过弱的电池续航能力等等。

但是在限制中还能做出优秀的设计,才显得弥足珍贵,就像风靡Symbian平台的gravity一样。

其实,我认为手机产品交互设计还是有很多想象空间的,它不仅仅是界面交互,而是跟空间、跟时间、跟触觉、跟视觉、跟听觉、跟嗅觉的交互,而且随着技术的推移,相信界面的可扩展性也会越来越好,不管是电子纸(ePaper),还是投影技术应用到手机上,都会让手机界面变得能承载更多容、更复杂的交互。

我们在使用手机产品的时候,视觉、触觉、听觉是经常被触发的。

在此我对互联网产品的交互设计样式进行了分类:视觉交互样式、触觉交互样式、听觉交互样式和嗅觉交互样式。

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

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

1.2轨迹球
当有新消息到达的时候,带有LED灯轨迹球的手机都会让轨迹球闪烁,起到提醒作用。

相信不久的将来,五彩的轨迹球和轨迹球上写字都是可以实现的,到时候你可以根据不同的轨迹球颜色和文字提醒,在屏幕暗下的状态下也能判断出是什么新消息,来自谁。

图1 HTC hero和黑莓8800的轨迹球,在来电来消息的时候可以闪烁发光
1.3 指示灯
目前主流手机的LED指示灯大多是可以控制的,包括LED的颜色,亮的时长,灭的时长,都可以控制。

之前指示灯多是用在提示电量不足,当快没电的时候,指示灯会按照一定的频率闪烁红光。

充电的时候,红色指示灯常亮,充满电之后变成绿色。

后来指示灯又被用在提醒功能里,有新消息、未接来电的时候,指示灯也会频闪。

图2诺基亚N900,指示灯,开机、充电、来电都会亮起
1.4 投影
Logic Wireless带投影功能的手机,被很多人认为是中国山寨手机的胜利。

据了解,投影手机最早的机型来自中国南方。

图3 这款Logic Wireless投影手机Logic Bolt即将在美国上市,签约价格在2年100美元左右
图4 三星投影手机i7410,置了仪器DLP微型技术的投影仪,投影的图像尺寸最高可达50英寸,可以为幻灯片、视频播放等手机功能提供投影服务。

随着科技的发展,全息投影才是投影的未来。

设计师Mac Funamizu设计了采用全息技术的革命性概念手机,这款手机的屏幕部分是一块空洞,利用全息技术生成图像,这样你在打的时候不仅能看到对方,而且看到的还是对方的3D图像,你可以旋转从不同角度观看,就像是出于真是场景一样。

并且还可以通过这样的技术查看google三维地图。

图5 Trou Hologram采用全息技术的革命性概念手机
2 触觉
2.1 按键操作
触觉样式,不得不提到按键操作,按键可以执行基本操作,如回到主屏幕、调出菜单栏,也可以执行快捷键操作,如用1、3键翻屏,用音量键翻页等等。

2.2 手势操作
触屏手机的出现,让手势操作变得更加让人追捧。

通过长按拖拽,交换应用程序的位置。

通过两指拉伸,放大图片。

图6 常见的手势操作
2.3触觉反馈
你打了人,会有一个反弹力,告诉你你打到他了。

你按下了手机上某个按钮,我们会改变按钮的状态告诉你,它被点中了。

但是Nexus one采用了另一种形式为你提供反馈,就是震动反馈。

图7 Google的Nexus one手机,在你按下某个物理按键的时候,手机会震动一下,告诉你它被点中了。

这种方式也曾在三星Anycall Haptic中试用过。

图8 三星Anycall Haptic手机,在使用某些特定功能时可以通过触觉向用户传递信息。

这个反馈方式在很早之前曾被用在手机的来电提醒里,其实还有很多可以使用的场景。

这点是手机跟电脑最大的不同,你无法想象,你点了电脑上某个按钮后,硕大的主机或者显示器震动一下是什么样子吧?
索尼公司开发的“触觉引擎(TouchEngine)”使用了一个触觉产生器,将电子信号转化为运动,它可以通过震动的节奏、强度及变化的快慢等方面的差异来告知用户是谁打来的或来电的紧急程度。

让体验来的更具体和实在。

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

图9 微软的光诱导形状记忆聚合显示屏幕专利
这套主要是在说一个利用红外线来侦测触碰,同时选择性来改变表面状态的东西,也就是说,要让表面凹凹凸凸,或是平坦柔顺,全都靠特定波长的光来决定,好比说系统可以在默认为按键之处,投射某某波长的光,那该处就会显示突起,一旦人手跟表面接触后,势必会干扰到该投射光,系统要是侦测到相当程度的改变,就会自动让表面进行平坦、凹下等变化。

相信到时候,设计师不得不考虑屏幕按下的效果了,说不定还可以做PC上的“鼠标悬浮”效果,当你的手机处于某个可点区域的上方时,会获得更详细的操作提示。

3 听觉
随着数字音频技术的发展,靠声音来与用户进行交互已经变得非常普遍且流行。

比较常见的如新消息到达时的声音通知,Twitter的新消息被赋予鸟儿鸣叫的声音(Twitter的中文名经常被媒体翻译成“鸟鸣”还真的很贴切呢)。

人耳可以较容易的分别声音的强度、长短、音调、音色、节奏、旋律等特质。

所以,声音一直被用来做为视觉的补充条件,提升用户体验。

常见的声音反馈方式有——
3.1 反馈音
我们用手机进行输入的时候,不同的手机会伴随着按键动作产生不同的反馈音,类似的操作按键被点击,都可以有相应反馈音。

注册成功、升级成功也可以有成功提醒反馈音。

3.2 警示音
当执行危险操作的时候、登录失败、下载失败、电量不足、倒计时时间将至的时候,会播放警示音告诉我们有危险;
3.3 提示音
当用iPhone发短信的时候,发送成功之后,会有一声确认提示音。

用新浪微博客户端Weico刷新Timeline后如果有新消息达到,会有新消息提示音。

这种提示音的好处,就在于,你可以执行操作之后就取做别的事情了,如果听到提示音,就知道消息发送成功了,有新消息到达了,有效的告知了用户。

3.4 拟物音
清除文件的时候,播放倾倒垃圾时跟垃圾桶碰撞的声音。

QQ好友上线了,会有敲门声提醒,有新的加好友请求,会有咳嗽声提醒。

3.5人声
能不能靠模拟人声进行提醒呢?iPod shuffle依靠VoiceOver功能成为第一款会说话的 iPod。

假如你在听一首歌曲,想要知道它的名称或表演者。

只需点按 iPod shuffle 顶部的全新按钮,它就会告诉你3。

你甚至可以通过 VoiceOver 听到播放列表名称,并在它们之间进行切换。

此外,如果你的电池需要充电,VoiceOver 也会告诉你。

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

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

4 嗅觉
相对于视觉和听觉在交互系统中的运用,人们对气味的感知和反应能力还未被很好的利用。

相关研究表明,气味能有效的唤起人的某些情绪。

随着交互技术的发展,嗅觉体验正越来越被重视。

我们可能已经不稀罕环绕式立体声、宽屏高清电视之类的家庭影音系统了,设计师David Sweeney设计的“Surround Smell”把我们带入了新一波的体验中。

这个设备置有16种独特新颖的气味,用一个微电压泵控制,可以根据电视里不同的场景散发出不同的气味,来传达出不同的信息。

譬如当电影情节发展到热带丛林里时,整个房间就会弥漫着一股丛林的味道,从而可以让人产生身临其境的感觉。

总结
交互技术的迅猛发展,带来了新颖的交互行为,那些昨天还是出现在电影里的镜头,今天就活生生的出现在我们生活里。

不过这些形式都是浮云,都是为了取悦用户,好的用户体验才是我们的终极追求。

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

本文是个人分析,无理论,无规,如有不足,还望指出。

相关文档
最新文档