谈手势操作在手机端软件设计中的应用

2016-02-17 02:32 2 1 收藏

下面是个简单易学的谈手势操作在手机端软件设计中的应用教程,图老师小编详细图解介绍包你轻松学会,喜欢的朋友赶紧get起来吧!

【 tulaoshi.com - 平面设计 】

自然用户界面【1】(NUI , Natural User Interface)特别是触控技术使人机交互变得更加自然直观,更为人性化。比如ipad、iPhone和一些采用Windows Mobile,Android等系统的手机已经让用户体验到触控的便利。本篇文章要说的是一种关于手机端触控技术的交互设计,它利用我们的肌肉记忆,不需要过多思考,让我们依靠潜意识,动动手指就能完成任务它就是手势操作。

手势操作分类

基本操作

谈手势操作在手机端软件设计中的应用,PS教程,图老师教程网

导航操作

谈手势操作在手机端软件设计中的应用,PS教程,图老师教程网

对象操作

谈手势操作在手机端软件设计中的应用,PS教程,图老师教程网

绘制操作

谈手势操作在手机端软件设计中的应用,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/pmsj/)

锦上添花vs弄巧成拙

基于触摸屏幕的手势操作是手机端人机交互的一个飞跃,它使手机用户的移动生活变得更加丰富多彩,使人与设备的交互更加有趣,同时增强了用户操作的满足感,真可谓锦上添花。

讨用户欢心的小惊喜!

手势操作让用户的操作空间不再局限于界面上那几个像素的按钮。

浏览网页时,用手一抓就可以缩小当前页面窗口;不需要点击后退按钮,只需在屏幕上画个‘

谈手势操作在手机端软件设计中的应用,PS教程,图老师教程网

动态十足的炫酷!

手势操作相对于无趣的触摸和点击来说,给用户带来了动态十足的新体验。

经常可以看到用户拿着手机大刀阔斧的切着西瓜。

谈手势操作在手机端软件设计中的应用,PS教程,图老师教程网

化繁为简的魔术!

在某些应用的设计中,利用手势操作可以简化用户完成某一任务的操作步骤,提高使用效率。

谈手势操作在手机端软件设计中的应用,PS教程,图老师教程网

But!

手势操作虽然带来了简洁的界面和有趣的操作,但在实际应用过程中,设计者经常忽略了一些可用性的问题,导致用户体验受损。

缺乏规范的困惑?

目前手势操作尚未形成统一的标准规范。相同的目标任务,往往出现不同的手势操作,这就造成了用户的困惑。

例如:下图的三种手势操作都可以使目标对象旋转一定的角度,但目前尚无固定的使用规范

谈手势操作在手机端软件设计中的应用,PS教程,图老师教程网

不易被发现的尴尬?

手势操作似乎还没有像按钮操作或菜单操作那样被大大方方的搬上台面,用户界面并不告诉用户可以对某个对象做什么,于是用户需要记住可以使用哪些手势。如果用户对其缺乏认知,这些手势操作就不易被发现,也便不会为人所用,甚至造成操作障碍。

谈手势操作在手机端软件设计中的应用,PS教程,图老师教程网

精准度低的死穴?

影响手势操作精准度的因素多多,如硬件屏幕的尺寸、反应灵敏度,用户本身操作的熟练程度、对手势本身的认知(记忆)等。

这些因素都会导致手势操作易产生:操作不备触发,不知操作是否到位、误操作、与预期结果相悖等,让用户沮丧的体验。

谈手势操作在手机端软件设计中的应用,PS教程,图老师教程网

给英雄以用武之地

尽管手势操作在通往易用性圣殿的路上仍然是荆棘重重,但是只要我们在设计的过程中绕过体验问题的泥沼,还是可以给英雄以用武之地的。

洞察用户习惯

手势本身的设计需要符合用户的心智模型和日常的使用习惯,才能不给用户增加记忆负担,容易被用户接受。

文化约定

手势本身或操作过程的设计符合特定文化里约定俗成的用法,形象的、有意义性的手势更加容易记忆和学习,符合认知习惯;应该多用通用的符号作为手势。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/pmsj/)

谈手势操作在手机端软件设计中的应用,PS教程,图老师教程网

实物隐喻

手势本身的形状或操作过程是从具体实物中简化出来的,其内涵具有实物的隐喻意义。

谈手势操作在手机端软件设计中的应用,PS教程,图老师教程网

首字母表示

以将命令的中文或英文的首字母符号作为该命令的手势。如用a表示全删除(All)手势,用c表示复制(copy)等。

谈手势操作在手机端软件设计中的应用,PS教程,图老师教程网

易操作

形状美观:喜欢封闭的曲线,感觉舒服、美观。

操作顺手:最好一笔画完,尽量采用曲线。

适当复杂:有的手势适当复杂一些(如全删除),因为这些手势操作容易引起用户大的损失。

引导用户使用

很多时候,手势操作是隐藏的,用户难于发现。因此就要通过一些用户引导信息来进一步的协助用户。引领式的引导方式比较适合用户快速接受,尽快上手,享受手势操作乐趣。最好将简洁明快指示性强的引导说明放在用户第一次使用时,让用户有所心理准备。

谈手势操作在手机端软件设计中的应用,PS教程,图老师教程网

给用户选择

对于复杂的手势,不能强迫用户去学习记忆和使用,可以只作为备选的快捷方式提供给用户,让那些愿意学习的用户更快捷地完成想要完成的功能。

谈手势操作在手机端软件设计中的应用,PS教程,图老师教程网

手势模式可以让用户选择是否启用该模式。用户在启用手势模式状态下才能使用手势来完成操作任务。

谈手势操作在手机端软件设计中的应用,PS教程,图老师教程网

靠数据说话

手势操作缺乏规范,对于手势本身的设计可以进行用户调研,定性或定量的分析不同手势操作的易用性,用调研数据来帮助确认选择哪一种操作方式会更方便用户使用。

谈手势操作在手机端软件设计中的应用,PS教程,图老师教程网

V就在前方

交互设计就是解决一个又一个的体验问题,尽管手机端的手势操作的应用还存在着这样或那样的用户体验上的bug,但是我相信它依旧是v5的。经过我们的不断改进创新,自然用户界面的宏伟目标终有一天会实现!胜利就在前方!

来源:https://www.tulaoshi.com/n/20160217/1577681.html

延伸阅读
控件作为组织界面最基础的元素,相信大家都不会陌生,今天想谈谈这个不起眼的话题。文章从现实的控件过渡到软件界面,再用三大输入法的控件作为实际案例解说,全文干货满满来收。 一、现实世界的控件 放学铃一响,小明立刻飞奔回家,到家后一手换鞋一手开灯,随即又躺在沙发上将风扇调至最大档。 开门进屋、拨动开关、调节风速一连串动作中...
当触屏设备,如智能手机、平板电脑普及后,手势操作逐渐流行。这样就使得用户可以直接触摸屏幕,对对象进行操作。 虽说这是更自然的一种人机交互方式,但是手势操作在可用性上仍然是一个难题。因此我们就需要在设计上做出能让用户更容易的理解的手势操作交互。 曾几何时,计算机只能通过命令行界面来使用。想让计算机做点什么,就需要记住各...
今天百度的同学来聊聊有哪些基础的动效类型,以及分享几个常见的动效设计方法,大量动图,流量党请小心。 善心悦目的动效已然成为一个App的必备,作为设计师自然要跟随趋势学习。APP中的动效可以划分为两类,一类是转场动效,应用在页面的切换,加载等,这类动效可以柔和页面的过度效果,增加切换、加载、等待过程的趣味性。另一类是反馈提醒...
标签: PS PS教程
PhotoShop CS 推出已经有一段时间了,作为一次重大更新。Adobe在CS中不仅加入了诸多新功能,更使其具有很高的稳定性且大幅改善了工作流。许多人都称赞CS中画笔的进步等等,不过一定还有人没有真正注意CS中的那些新增的实用功能,其实它们对增强手绘工作流同样帮助巨大。下面我就为大家简单整理一下。 ※※※ 本文为火神原创稿件,转载请注明...
手势操作---识别单击还是双击 在视图上同时识别单击手势和双击手势的问题在于,当检测到一个单击操作时,无法确定是确实是一个单击操作或者只是双击操作中的第一次点击。解决这个问题的方法就是:在检测到单击时,需要等一段时间等待第二次点击,如果没有第二次点击,则为单击操作;如果有第二次点击,则为双击操作。 检测手势有两种方法,一...

经验教程

55

收藏

71
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部