手机客户端交互设计三部曲
文档简介：在各企业如火如荼进行手机客户端设计开发的这个时代，作为有过手机操作平台、web应用等多重交互设计经历的设计师，本人发现了一些初涉这个领域的设计师存在思路茫然不够系统的情况，导致在设计进程中原则飘忽、找不到客户端的感觉等结果。本文档即主要面对这类人群，旨在讲明手机客户端设计方法的来龙去脉，从最基本的硬件到平台、到架构和细节，以及一些需要注意的问题。实际上，还应有第4部曲，就是交互设计的表达，这方面与web应用差别是很明显的。鉴于其企业内部文档性质，不便做详细说明，有兴趣的同学可以另行探讨。
三部曲指的是：
第一：手机软件导航的交互特点
第二：手机软件平台与硬件的关系
第三：交互规范
引文：关于手机与web界面交互设计的区别
●由输出性能牵扯到的问题：
1. 每屏无法显示足够多的内容
2.没有足够空间放置全局导航条
3.没有足够空间利用空隙和各种辅助线来表达区块之间的关系
●由输入性能牵扯到的问题：
1. 按键机型需要焦点和方向键、OK键以及左右软键、删除键等硬件之间的配合
2.触摸机型尤其需要注意区分可否点击，并且可点击的部分需要能准确的释义—因为缺少web 界面中的悬停提示
●由使用场景和状态牵扯到的问题：
1. 界面需要能适应比web更多的典型场景，例如光线的强弱与使用者走动等情况，所以设计者需要一定程度脱离自己的工位去尝试包括对比度和字号等能否满足使用需求
2.本人没有进行过较深层次的研究，有兴趣和经验的同学可以多交流
引文部分的总结（概述）：
1.手机的操作比web页面复杂，需了解其所基于的机型的硬键情况才能确定如何控制
2.手机软件需要与web不同的导航形式，空间所限
3.手机软件在操作步骤的缩减方面需要倾注更多的精力，每屏空间所限
4.手机软件需要在控件/组件释义方面倾注更多的精力，硬键和逻辑所限
下面即三部曲删减了大量实例图片后的内容，基本上只是总结说明了。观者各自的手机都有大量的实例，有空可以多翻看。
第一：手机软件导航的交互特点
上图表现的是手机上的导航是如何表现和运作的。在这套导航体系中，重要程度从高到低是“返回”“标题”“菜单”。图中是典型的S60第三版式的解决办法，同时也是很大比例的按键控制机型的导航方式，其他平台在菜单和返回的处理上有所不同，但同一个平台的处理是一致的。
第二：手机软件平台与硬件的关系
观者可以对比下面两幅图，试图辨别在不同的视觉保真度上，哪个界面属于哪个手机：
以上只是简单的一例，翻看其他平台或者具体的某些机型，你一定可以发现，每个平台的机型都有自己的一套格局和控制方式。这绝不是拍脑袋想出来要如此强行定义的，因为如何控制还受制于着手机的硬键情况，所以每个平台也都会有各自的硬键配备，因此交互规范部分其实是可以包含硬键分布和控制特点的。
第三：交互规范
Iphone和Android系统手机风靡全球的同时，移动互联网的发展也掀起了一股热潮。最近发现身边一些朋友纷纷在做手机上的第3方应用，或多或少碰到了些困惑，也许对于做惯了基于浏览器的产品的设计师来说，有一些比较典型的要点容易被忽略，这就容易引发出：找不到手机软件的感觉、布局经常改变、设计和优化时找不到明确的立足点等等一系列令人困惑的问题。本人有过一段手机交互设计的时光，将在这里罗列一些总结或感想，带一些建议，供看官们斟酌和评判。抛开定位、使用环境这样的用户研究体系的大头，专注于说明手机交互设计的特点，其难点在于如何有效的结合硬件、软件平台和设计规范。
以硬件区分手机类型：
?仅以物理硬键控制操作的机型（后文简称按键机）
?主要以触摸方式操作的机型（通常包含主页、挂机等物理键）
?物理硬键齐全，但支持触摸操作的机型（外形和按键机型一样）
主流的可安装第3方应用的软件平台：
?塞班s60（第3和第5版）
? Windows Mobile for PPC
? Android
? Iphone OS
? Java（目前有非常巨大的智能和非智能机型群是包含java平台的）
其他还有很多，诸如plam os、UIQ等
交互设计规范：
一个有经验的设计开发团队，在项目初期会率先着手建立或检查相应平台的设计规范。和web控件规范一样，手机交互设计规范定义了一些常用控件、组件等的布局和响应方式，提炼设计中的公共部分，减少设计和开发的重复思考，并确保整个设计体系的一致性。不同的是，手机交互设计规范不仅有着限定作用，它同时还是一个信息架构的体现、一个创新的过程、并且它还对后续的交互设计起到一定指导作用。我们了解到的iphone的无菜单的风格、各种操作手势、弹出框、标题栏和返回按钮，都是在这个阶段就需要定义好的，而不是具体到某个功能中才任由设计师发挥（所以说创新应该作为一个系统工程，而不是在某几个细节上灵光闪现）。
从设计第三方应用的角度看，大致可以浓缩成以下几个版本的设计规范：
?S60第3版—有一套比较经典和严谨的规范。另外S60第5版虽然是触摸屏机型，但是对于交互设计师的工作来说两者区别并不巨大，只是把OK键替换换成了点击，以及零碎的一些变化。
?Java版—事实上由于左右物理控制键和方向键、OK键是按键机型的普遍配置，S60第3版规范的适用范围是非常广泛的，稍微修改一点就可以适用于Java平台。区别在于手机的“删除”和“返回”两个物理硬键的配置不太一致，所以需要统一将右下角的命令默认为“返回”，在编辑文本时，临时变为“删除”。这样牺牲了某些机型的某些操作的效率，保证了这个整体的机型都可使用。
?Iphone OS—Iphone的出现一举打破了之前若干平台固有的设计定势，硬键和操作模式都精简了许多。不过其缺少固定的menu模式，这对第三方软件的设计来说是个巨大的挑战，要么需要很大程度上脱离iphone自身的设计规范体系，要么就极端精简功能。
?Android—跟从了一些iphone中的经典手势，操作和页面布局风格上相对保守一点，保留了menu和back两个硬键，虽然不够独树一帜，但是在功能和设计之间做的了一个不错的平衡，对于第三方应用来说，这是一个可以有宽广发挥空间的平台。
根据上文所述，接下来我就主要以S60第3版、Android、Iphone OS为代表，通过抽取手机交互设计规范中的部分，来说明他们的特性和区别，顺带展开一些个人经验的叙述。
上面几幅图并没有刻意选择同一类型的界面来对比，我们不妨先仅关注硬键/全局功能键，会发现他们之间的显著不同，实际上反映到设计过程中，这样的区别对界面设计造成的影响要来的更大。
1.硬键和手势控制
下面以摘取手机交互设计规范的形式来陈述：
大家请看以下截图：
S60第3版
Android
Iphone:
以上硬键和手势对于操作的控制，需要我们在设计前有个十分清晰的认识，并且整个团队达成一致，如有精力则需要专门写到设计规范文档中。硬键控制是没有什么改动余地的，两款触摸机型可以对手势适当进行取舍，毕竟有些应用用不到所有的手势，能精简操作最好。
（从下面开始，会有一些功能界面，请允许我偷懒一下，用线框代替实际界面截图）
2.菜单
S60第3版的菜单是由左软键或OK键调出，需要定义以下几点：
（注：聚焦到某一条目上时，通常按OK键是打开，但有一些内容包含几种看起来级别相当的操作，此时会弹出菜单选择）
?如何收回
?背景是否雾化
?每屏最多显示多少条
?有无二级菜单，如果有，怎样调出和收回，和一级菜单的位置关系，焦点条的区别?菜单项文字靠左
?数字标号，如果整个软件能保证菜单项目均在10位以内，建议加上，这样可以与数字键盘对应
?对聚焦项或当前页面不适用的菜单项，是不显示还是文字变灰处理。
?OK键菜单只包含针对聚焦内容的操作项，需控制在一屏之内，避免二级项
?菜单项的排序规则：针对聚焦项的在上，其他的在下，这两部分中分别按照使用频率从上至下排列
Android
Android传统的菜单是由menu硬键调出，比较多的是2-3行，每行2-3项，看起来像是
一些按钮，所以里面的图标和文字都居中。作为第3方应用，如果菜单项稍多，做成一
纵列的文字项从操作上来看也未尝不可，毕竟用户刻意记住其默认的菜单形式也没有什么
好处。只是仍然需要注意控制一下数量，如果需要二级，可以考虑做成弹出的，比如在一级项中选择“排序”，之后弹出选择框来选择。
Android还有一种长按菜单，按住某个项目达到一定时间后，会弹出在触点附近的位置。
Iphone
Iphone并没有一个明确和固定的菜单模式，较保守一点可以说是没有。一些类似菜单的操作通常是通过弹出选择，或者是拆分成几层，一次次点击进入更深层的页面去寻找按钮的形式来达成。所以要做Iphone平台的第3方应用的同学应当提前做好准备，从产品策划开始就着手考虑这个问题。最有效的办法是首先尽可能的缩减功能，其次尽可能的缩减操作方式。否则会发现为了一些细枝末节的操作，还需要设定好几层页面。当然，也可以加入一条操作栏来作为辅助，只是整体风格和操作就不Iphone了。
说到这里，不得不结合前两点延伸一下，对导航系统进行说明：
众所周知，导航系统主要担负着几个任务：展示内容架构、表明当前位置/状态、表明可以去哪里。在网页上的典型形式为全局导航条。在手机上，导航系统同样重要，但是受限于屏幕尺寸，一般没有足够的空间放置这样的组件，但手机有着自己的体系：
我们可以看到各平台对导航系统的规划：
?标题–显示当前位置，可以是文字、图标+文字、也可以是一系列tab
?菜单–显示可以做些什么，通常包含两种类型的选项：a只针对选中项/只针对当前页，b全局功能如设置和帮助，也就是说菜单大多数作用是发起针对当前页的操作，或者转到和当前页面没直接关系的页面
?返回–这个比较复杂一些，也是最需要设计师注意的。鉴于第2条对于菜单形式的描述，如果再加入关联页面的选项，项目数量和类型会使菜单不堪重负。并且页面标题通常无法准确表达出相应页面的内容，即使放入菜单，也需要用户花时间去理解和回忆。所以“返回”很重要：一个固定的位置，简单机械的一个动作，一按—一看—一按—一看，不需要刻意寻找和思考。在一个没有全局导航的环境里，一步步后退到自己浏览过的页面，从而了解当前的页面体系，或者重新发起一系列操作，是个能保证用户找到位置的简单高效的模式。
在做第3方应用时，需要尽可能严格保持以上几点的规范化
3.焦点
焦点更大的意义是在按键机型上，用一个带底色的条框衬托出当前选中的项。对焦点的设定和控制应当尽可能的简单，需要定义默认聚焦的位置、是否允许上下左右循环。
在按键机型上，4个方向键控制焦点向4个方向移动。通常一个方向只限一种移动方式，如上左图：上下键控制列表区的焦点在列表项间移动，左右键控制标题栏的tab左右切换。如果列表区也分左右的话，处理起来就复杂了，应极力避免。如上右图：需要先向上移动焦点到标题栏，然后才能按左右键切换tab？但如果当前焦点所在的项处于第2屏，第3屏，或者更靠下呢？是否需要一直按住“上”，直到上边的内容滚好几屏后才聚焦到tab上？
在一些情况下，焦点容易被遗忘，其中某些对触摸屏机型同样适用：
除了菜单功能的以外，弹出框一般出现在屏幕底端，同时其他屏幕其他部分背景雾化，这有利于用户的视线从密密麻麻的小屏幕中快速找到关键：
如上图，页面中包含了一些可操作的元素：人名、图片、网址，这里也会隐藏着一些典型操作，例如对网址可能有“打开”“复制”“保存为书签”等操作，此时聚焦并按OK 键或者点击则需要出现弹出菜单。
另外还需要注意上文提到的横向和纵向切换焦点的问题，正文中同一行如果有两个名字可以聚焦，但是左右方向键已经被标题栏占用，那么切换人名的优先级应降低，改用别的形式，即使是按上下方向键来左右切换人名也是可以的。
4.弹出框
弹出框有很多种类型，除了“确定”“取消”等元件的基本布局以外，几个平台区别不是很大，大致可以分成几个类型和对应的处理方式，以下是我归纳和建议的一些处理方式，只列最适用于S60第3版的：
5.列表
列表项的呈现可以集中定义几种模式：常态、编辑/被调用：
常态：
编辑/被调用：
6.还有一些方面可以事先定义：
?搜索逻辑
?事件处理：无信号、低电量提示的形式和时机、来电、来短信、闹钟时间到、缓存已满、发现新版本等。
?文本输入：光标的移动、删除和复制粘贴、选中地址/人名等。
复杂逻辑的返回路径：有时候会出现操作路径中断并跳转的情况。比如正在写短信时，弹出提示收到新短信，用户此时通过弹出框直接转到了查看短信的界面，此时“返回”是返回到查看短信的上一层，还是回到编辑短信的界面，这些情况想要集中处理，是比较令人头疼的问题。不久前我大概归纳过一套返回逻辑，大意是：a路径默认是从操作步骤向前一步一步返回，或者逐层向上返回；b如果遇到路径跨页面体系转移，先按照a的方式返回，到达跨页面跳转的界面时，允许跨一次跳转，之后按a的方式返回。
以上罗列了一些我的归纳和心得，开始新项目的时候基本可以按此思路先把这些方面统一规范，提及都是习惯用法，追求稳妥的项目可以直接套用，追求创新的项目也可作为一个评判依据。
最后，用一个简单的例子提及一下：设计与系统规范尽量保持一致的重要性。
假如我们把mac系统的软件风格直接搬到windows中，那么在切换不同软件的时候，最小化、关闭等按钮的忽左忽右，会使我们经常默认就把鼠标移动到了相反的方向。
每1个第3方应用在手机中都不可能一个程序在战斗，手机中会自带很多系统应用，例如电话本、短消息、设置、浏览器等，他们都遵循着一样的规范，用户每天也会在这些程序中切换若干次。如果一个第3方应用和他们的基本操作方式不同，每次都会使用户经历仔细观察、出错等过程，想象一下每切换一次软件就要转换一套思维的痛苦吧。当然，规范是可以打破的，如果我们找到了简单高效并且操作方式和习惯用法没有冲突的方式，可以尝试一下。例如以前触摸屏的列表项点击一次是聚焦，再次点击为打开，后来普遍改为点击一次就
打开。
手机UI设计检测要素
手机UI一直被我称为产品的“脸面”，一款好的手机产品一定有一套优秀的手机UI界面。手机UI从产品的图标开始，直到推出手机产品为止。产品的UI从产品概念开始，直到产品的生命周期结束，产品的UI一直深入着用户的心。一个好产品 UI评价标准会影响一个产品的品牌和用户群体，这也是EICO对于魅族和Weico的价值所在，结合做过的产品对UI 设计检测要素进行了整理。
iPhone App的特点及基本设计方法
一、iPhone App的特点
iPhone有自己的特点和气质，因此他的App不同于其他键盘手机甚至Android这种触屏手机。首先iPhone只有一个物理按键Home，而这个按钮主要是在系统级操作上起到一些作用，在一个应用中，绝大多数情况都是退出功能。在480 x 320这个对手机而言很大的屏幕上要包括以下3个模块，才能对一个App进行操作。
1、虚拟键盘
iPhone虽然与Android同为触屏，但没有物理键盘(而Android有可能有物理键盘)，所有的输入操作都需要屏幕中的虚拟键盘来实现，同时需要考虑虚拟键盘的遮挡问题。
2、目录导航
没有物理按键做为目录菜单的呼出功能，完全不同于Symbian和Android系统，包括导航也需要屏幕中的虚拟按钮来实现。
3、功能操作
需要把所有的功能集成在App中，比如我们可以用Tab bar来做功能的分类，工具栏来做具体视图的功能操作集合。
二、iPhone的使用习惯
显然支持单手操作并不是iPhone应用的特性，当然也有一些游戏需要双手进行(沉浸式应用)，但因为iPhone有一块非常灵敏支持手指多点触控的电容屏，所以手指直接在屏幕上的操作更加直观和更具操控感，不需要任何中间设备(按键或是鼠标)来控制。
文档管理信息表 文档变更纪录
文档主要评审意见
目录 1开发规划........................... 错误! 未定义书签。 开发人员.......................... 错误!未定义书签。 开发计划.......................... 错误!未定义书签。 开发环境和工具...................... 错误!未定义书签。 开发规范.......................... 错误!未定义书签。 2总体设计........................... 错误! 未定义书签。 概念术语描述........................ 错误!未定义书签。 术语1 ............................... 错误!未定义书签。 术语2 ............................... 错误!未定义书签。 基本设计描述........................ 错误!未定义书签。 系统总体逻辑结构图 .................. 错误!未定义书签。 系统部署结构图 .................... 错误!未定义书签。 主要界面流程描述........................ 错误!未定义书签。 功能1界面流程..................... 错误!未定义书签。 功能2界面流程..................... 错误!未定义书签。 模块列表.......................... 错误!未定义书签。 3数据结构........................... 错误! 未定义书签。 4接口规范........................... 错误! 未定义书签。 <模块1 API>. ................... 错误!未定义书签。 Interface1 ............................... 错误! 未定义书签。 Interface2 ............................... 错误! 未定义书签。 <模块2 API>. ................... 错误!未定义书签。 <模块3 API>. ................... 错误!未定义书签。 <数据库API> .................... 错误!未定义书签。 5模块设计........................... 错误! 未定义书签。 M)DULE设计 ........................ 错误!未定义书签。 模块设计描述 ...................... 错误!未定义书签。 模块界面描述 ...................... 错误!未定义书签。 M)DUL2设计........................ 错误!未定义书签。 6附录............................. 错误! 未定义书签。 第三方组件.......................... 错误!未定义书签。 参考资料.......................... 错误! 未定义书签。 附加文档.......................... 错误!未定义书签。
产品设计原则有哪些？产品设计的原则有点太泛哈，这里想结合自己的工作心得来小结一下手机无线设计8原则： 原则1：用户界面应该是基于用户的心里模型，而不是基于工程实现模型 就是把后台本来很复杂的事情通过设计符合用户日常生活中常用的浏览方式或操作方式。其实这一点是设计师把生活中的细节和数据结合的凝聚点，用户的心理模型抓的越准，界面就会越优秀。原则2：培养用户使用情景的思维方式做设计 要做到这个原则其实是很难的，需要长期的实战经验才能做到这点。 那我们都知道米聊出的比微信早，但后来被微信反超，个人认为不光是QQ帮了微信很大忙，比如用户登录门槛低，用户来源，广告打得响之类的，其实在用户使用情景方面米聊研究的没有微信透彻。 对于一个社交即时通讯产品，添加好友的功能是好友汇聚的来源，虽然米聊微信都绑定手机通讯录，但话又说回来，用户找手机通讯录联系人语音聊天的还是比较少。添加好友是引导用户去发现好友，找好友, 碰好友的一扇门。所以对于这么重要的功能放置在应用程序的哪个位置，在产品前期就会让用户明显的去选择用哪个应用，因为聊天工具的前提是要有人和你聊天。 原则3：尽量少的让用户输入，输入时尽量多给出参考 移动端的虚拟键盘一直是科技界无法解决的一个难题，虚拟键盘的主要缺点：1.输入定位无法反馈，所以无法形成高效的盲打；2.虚拟键盘的空间限制，手指的点击经常造成误按。光是上面这两点就让虚拟键盘在输入上大打折扣，所以我们在设计应用程序时，只要遇到Input Box的控件时，首先就要想到尽量让用户少输入，或者智能的给出参考。 原则4：全局导航需要一直存在，最好还能预览其他模块的动态 全局导航在Web交互设计中比较容易做到，在手机移动端全局导航要看产品设计的需求，什么功能需要全局导航，社交应用通常是：消息，通知，请求；音乐视频应用通常是：下载，搜索；工具类产品经常是核心工具条（tool bar) 比如浏览器，语音助理，音乐识别应用等等。 全局导航的价值在于可以让用户在使用过程中不会丢失信息，减少主页面和次级页面之间的跳转次数，当然全局导航中的info-task要能在当前页面完成，如果需要跳转到新界面，就会失去全局导航的意义，因为当出现多个info-task的时候，就需要用户不停的进入全局导航页面来完成。原则5：提供非模态的反馈，不打断任务流 模态弹出框的书面名称在iphone OS中称作：Alert-box，在Android OS中称：Pop-up box, 我们都知道弹框会打断任务流，所以在有限的屏幕上怎样让这些弹框弱化，或者说优雅、绅士的提醒用户，这个需要设计师来定义。 模态是指界面中只有提醒弹框才具有可交互行为，其他一切都不可操作；非模态不会把提醒做成弹框，可能会处理成List Notification, T oast list等方式来提醒用户。 原则6：不要让用户等待任务完成，用户还要发现更多有意思的地方 移动互联的核心就是给用户带来移动体验的方便和高效，这是移动互联网Apps需要考虑的，用户在使用你产品在很多情况下都是碎片时间，所以在设计上尽量让用户在短时间内熟悉我们的产品，知道这个产品的诚意，特别是某些等待界面需要设计，不能把一个很枯燥的等待界面呈现在用户的面前，那用户很快就会换其他apps。
在一个APP的使用过程中，优秀的页面设计与用户导航对用户体验影响极大。某些时候的第一印象与操作便决定了用户的留存率。对于一些新手开发，独立开发者或者小开发团队，往往程序员自己就承担了美工和设计工作。对于这些开发者来说，往往缺少这方面的经验，而如果缺少了这两项，产品的使用体验是非常不友好的。 用户体验是什么？用户体验（User Experience，简称UE/UX）是用户在使用产品过程中建立起来的一种纯主观感受。但是对于一个界定明确的用户群体来讲，其用户体验的共性是能够经由良好设计实验来认识到。计算机技术和互联网的发展，使技术创新形态正在发生转变，以用户为中心、以人为本越来越得到重视，用户体验也因此被称做创新2.0模式的精髓。在中国面向知识社会的创新2.0——应用创新园区模式探索中，更将用户体验作为“三验”创新机制之首。ISO 9241-210标准将用户体验定义为“人们对于针对使用或期望使用的产品、系统或者服务的认知印象和回应”。通俗来讲就是“这个东西好不好用，用起来方不方便”。因此，用户体验是主观的，且其注重实际应用时的产生的效果。 我们常经历到，一个产品从设计的初期到后期完善，都会经过一系列的迭代和升级。作为初期的设计人员，发挥的空间是很大，但历史的惨痛教训告诉我们，初期的设计往往又是失败居多，很多情况下是由于自己的局限性造成的，尤其在后期，架构不是想改就改，用户习惯不是想改就能改的，所有在前期，特别是上述提到的集美工设计开发于一体的人，要慎重考虑APP的架构设计，本文所阐述的两个方面，其一为页面设计，其二为用户导航。 APP页面功能设计包含了首页，注册页，。 APP用户导航，是App设计时要着重考虑的，常见的App框架有列表、网
龙源期刊网 https://www.doczj.com/doc/a816166383.html, 手机app的交互设计研究 作者：陈烨坤 来源：《传播力研究》2019年第14期 摘要：近些年来，随着移动互联网体系的普及率越来越高。智能手机的逐渐被普及，之前很多必须依靠电脑才能完成的事情，现在依靠智能手机的App就可以完成。App的种类和数量也在越来越多，App开发者逐渐将用户体验作为出发点，重视手机移动客户端的交互设计。本文主要针对某手机系统的功能设计、交互射击方式以及页面设计特点进行了深入分析，对手机App的交互设计方案进行了总结。 关键词：手机App；交互设计；研究 随着科学技术的进步与发展，智能手机的普及率越来越高。为了更好地满足人们对智能手机更高的应用需求，手机移动端应用程序即App的种类和数量也越来越多，人们对App的要求不仅仅是能用来干什么，更多的是将注意力集中在交互式的体验方面，也就是App在具备 一定的功能的同时，也有一些人性化的设计，用户在使用产品时才能够有更高的满意度。很多智能手机程序的相关企业现在逐渐将目光转移到交互设计上，旨在设计出功能性强、用户满意度高的应用程序。本文结合某软件，对手机的交互设计进行了探究。 一、研究的背景及其意义 App也就是应用程序，它是适用于智能手机客户端的应用程序，当前主要的App系统有苹果、谷歌、微软等公司系统下的App。交互设计的概念起源于上世纪80年代，它的重点核心在于交互式体验，是由比尔莫格里奇提出的。上世纪90年代，个人的计算机技术处于高速发展过程中，很多智能手机的企业开始将目光聚焦于交互设计。交互设计，从字面意思上，就是人和产品之间的互动体验过程，设计的原则在于重视用户的体验，最终目标是设计出用户满意的产品。交互设计是在人机工程学的基础上，加入了心理学、行为学等方面的知识，在这些理论基础上进行产品设计，随着互联网科技的快速发展，交互设计已经被应用到更多行业内，目前，国外有些公司进行交互设计研究时，已经不仅仅定位在智能手机客户端的应用程序方面，更多的是在硬件方面进行提升。国内对交互设计相关的研究起步相对较晚，近些年来，随着互联网技术的不断进步与发展，人们对App的需求已经不仅仅是能够实现某种既定的功能，更 多的是注重互动式的体验。智能手机客户端是信息时代的固有产物，它于电脑的互动交流的方式不同，智能手机具有自身独特的交互特征，具有智能化、可移动性、不受到时间和地点的限制等特点， 二、交互设计的研究 （一）加载速度的研究
最新文件---------------- 仅供参考--------------------已改成-----------word文本 --------------------- 方便更改 赠人玫瑰，手留余香。 设计人：陈玉梅 班级：2012级教育技术学班 提交时间：2015年1月4号 方案设计名称：手机上个人图书馆的APP设计方案
手机个人图书馆的APP设计方案目录 一、设计背景 二、APP设计细化分析 1、阅读环境的设计 2、登录界面的设计 2、用户界面的设计 3、退出界面的设计
三、结束 一、APP设计背景 随着智能手机和ipad等移动终端设备的普及，人们逐渐习惯了使用APP客户端上网的方式，而目前国内各大电商，均拥有了自己的APP客户端，这标志着，APP客户端的商业使用，已经开始初露锋芒。对于阅读来说也一样，由于电子阅读的成本低、便于携带、连接性强、能跨平台使用以及环保等的优点，使得越来越多的手机用户愿意用使用自己的手机客户端来阅读书籍，此方案就是基于这样一个趋势来进行设计的，设计一个手机上个人图书馆的APP。目的是使电子书的阅读更广泛，设计更齐全。 二、阅读环境的设计 很多用户会在移动中使用，要求此APP设计要求耗流量少，并且在移动中要保持网速，所以此APP设计占内存要求比较小，并且要求阅读所需流量小，才能保持网速正常。除此之外，还要对软件进行不断的更新及优化。
三、APP设计细化分析 1、登录界面的设计 界面的设计在一定程度上会影响使用者的心情，所以这次的方案会按登录界面，用户界面，以及退出界面等一系列流程下进行设计，已达到不仅内容齐全有序，更在界面的设计上进行分析，让观众在愉悦的环境下进行阅读的目的。 现在设计的这个手机阅读APP的登录界面有以下要求： 在登录界面，除了有用户名，密码之外，还有日历或者节日的提醒，用户名登录可以使用微博，QQ，微信，人人等账号，设计可以如下： （1）用户名： 密码： 2014年12月29日 （2）友好界面，节日的提醒设计在由登录界面进入用户界面的时候，可以选择节日具有代表性的图片或者文字渐渐消失的方式出现。 2、用户界面的设计 （1）搜索文章 请输入作者、书名、关键字搜索
手机产品交互设计样式 很多人都说，手机产品交互限制因素很多，过小的屏幕分辨率，过低的系统性能，过慢的网速，过弱的电池续航能力等等。但是在限制中还能做出优秀的设计，才显得弥足珍贵，就像风靡Symbian平台的gravity一样。 其实，我认为手机产品交互设计还是有很多想象空间的，它不仅仅是界面交互，而是跟空间、跟时间、跟触觉、跟视觉、跟听觉、跟嗅觉的交互，而且随着技术的推移，相信界面的可扩展性也会越来越好，不管是电子纸（ePaper），还是投影技术应用到手机上，都会让手机界面变得能承载更多容、更复杂的交互。 我们在使用手机产品的时候，视觉、触觉、听觉是经常被触发的。在此我对互联网产品的交互设计样式进行了分类：视觉交互样式、触觉交互样式、听觉交互样式和嗅觉交互样式。 1 视觉 1.1 界面 界面的信息传达作用不赘述，对交互的影响也不容置喙。 这里我更想说的视觉不仅仅是指界面，而是脱离手机屏幕本身的视觉效果，达到让用户的视觉上的体验越来越丰富的效果。 1.2轨迹球 当有新消息到达的时候，带有LED灯轨迹球的手机都会让轨迹球闪烁，起到提醒作用。相信不久的将来，五彩的轨迹球和轨迹球上写字都是可以实现的，到时候你可以根据不同的轨迹球颜色和文字提醒，在屏幕暗下的状态下也能判断出是什么新消息，来自谁。
图1 HTC hero和黑莓8800的轨迹球，在来电来消息的时候可以闪烁发光 1.3 指示灯 目前主流手机的LED指示灯大多是可以控制的，包括LED的颜色，亮的时长，灭的时长，都可以控制。之前指示灯多是用在提示电量不足，当快没电的时候，指示灯会按照一定的频率闪烁红光。充电的时候，红色指示灯常亮，充满电之后变成绿色。后来指示灯又被用在提醒功能里，有新消息、未接来电的时候，指示灯也会频闪。 图2诺基亚N900，指示灯，开机、充电、来电都会亮起 1.4 投影 Logic Wireless带投影功能的手机，被很多人认为是中国山寨手机的胜利。据了解，投影手机最早的机型来自中国南方。
交互设计十大可用性原则 1. 系统可见性原则 系统应该让用户知道发生了什么，在适当的时间内做出适当的反馈。 这条很简单，就是指用户的每次操作，你都得给他个反馈，成功了就告诉他成功了，失败了就告诉他失败了。绝不能在用户操作后毫无反应，让用户一脸懵的猜到底是怎么了，是成了？错了？还是bug了？你做的又不是大家来找茬游戏，还带让用户自己连蒙带猜的。 同时，如果反应时间有点慢，也请用进度条or等待or下载等动效或其他形式告诉用户当下的情况；千万别让用户在懵逼的情况下干瞪眼。 2. 匹配系统与真实世界 系统应该用用户的语言，用词，短语和用户熟悉的概念，而不是系统术语。遵循现实世界的惯例，让信息符合自然思考逻辑。 这一点说简单也简单，说的直白一些，就是3个字：说人话。 不要炫耀自己的智商，不要让用户觉得自己是白痴，请用最简单直白的语言描述状况；就好比自然世界里，你和他人说话的时必然使用简单的白话文进行直白的沟通以保证交流顺畅。
看到前一种选项，用户会有什么反应？大概是这样吧：我是谁？我在哪儿？我在干什么？ 自适应窗口难道不是就是最佳比例？他们有区别？有什么区别？ 所以，如果选项想表述的内容不同，那就清清楚楚地告诉用户区别在哪儿，否则他们大概真的会一脸血的看着你了。 3. 用户的控制性和自由度用 用户经常错误地选择系统功能而且需要明确标识离开这个的“出口”，而不需要通过一个扩展的对话框。要支持撤销和重做的功能。 由于网络和智能手机的普及，人们都知道”X”是关闭，向左的箭头是返回； 但是其他icon就并非如设计师的想象中那么美好了。
这个icon到底是退出？导出？还是向右打开？如果你想表达“退出”，请要么使用通用的x，要么使用文字，尽量别让用户纠结寻找。 而在相对复杂的产品中，允许用户对操作进行撤销和重做也是非常必要的，如同在网易有数的报告页面中，由于用户的操作次数多且功能繁杂，提供这2个操作能有效提升容错率，降低用户的使用成本。（同样可以看到浏览器的工具栏中也有明显的撤销和重做icon，因为在网页浏览中，这2个操作的使用是非常频繁的） 4. 一致性原则 用户不必怀疑是否不同的语言，不同的情景，或者不同的操作产生的结果实际上是同一件事情。遵循平台的惯例。也就是，同一用语、功能、操作保持一致。
基于Android系统的App界面设计 智能手机时代的来临改变了大多数人的生活习惯，时至今日智能手机已经成为了人们工作生活中的一部分，在工作生活中发挥着重要的作用。App作为智能手机应用程序的核心，构建以用户体验为核心的页面设计是智能手机App设计的核心与要点，同时也是满足用户使用需求的重要途径与方式。现今的智能手机App主要分为IOS与Android两大市场，与IOS的封闭不同的是Android系统具有极强的开放性，而这一开放性在为Android系统App带来无限可能的同时也使得基于Android系统所开发的App界面本身缺乏统一的规范，从而造成基于Android系统所开发的App界面具有极大的开放性。新时期为做好基于Android 系统App的设计需要从情感、认知以及感官三个层面入手做好基于Android系统的App界面的开发设计，使之具有良好的用户使用体验。 标签：Android系统；App；界面设计 Abstract：The advent of the smart phone era has changed the habits of most people. Today，smart phone s have become a part of people’s work and life，and play an important role in the work and life. As the core of smart phone applications，App plays an important role in the work and life. The design of page based on user experience is the core and key point of the App design of smart phone，and it is also an important way and way to meet the needs of users. Today’s smartphone App is mainly divided into IOS and Android two major markets，Different from the closure of IOS，Android system has a very strong openness，and this openness not only brings infinite possibility to App of Android system，but also makes the App interface based on Android system lack of unified specification. As a result，the App interface based on Android system is very open. In order to do well the design of App based on Android system in the new period，it is necessary to develop and design the App interface based on Android system from the three aspects of emotion，cognition and sense organ，to make it have a good user experience. Keywords：Android system；App；interface design 前言 Android系统是与IOS系统所并行的应用于智能手机中的两大智能系统，在基于Android系统App界面开发的过程中受多种因素的影响使得一些App的界面具有很大的不协调性，从而影响了广大用户的使用体验。本文在分析影响智能手机App界面设计因素的基础上对如何做好基于Android系统的App界面设计进行分析阐述。 1 影响智能手机App界面设计的因素分析 智能手机App是智能手机的灵魂，用户结合自身需求可以下载安装自身所
竭诚为您提供优质文档/双击可除app,ui界面设计模板 篇一：手机appui界面设计原型草图 https://www.doczj.com/doc/a816166383.html, 手机app界面ui设计原型草图 任何一位设计师在设计app软件时，都会对该app的功能、界面布局、菜单设置、内容架构等方面进行详细的策划。只有在充分的策划前提下，才能通过应用软件的加工，将脑海中的构想变成一个个的app界面ui设计图形。 凭借草图，设计师也可从宏观的角度时刻把控app设计的每一个细节。以下为一款购物平台app的ui设计原型草图，从首页的设计规划，到搜索页，再到产品的详情页：篇二：app界面ui设计规范 ui设计规范 一、app界面设计规范 （一）界面尺寸 1、ios界面尺寸：常见为（宽度640px、高度1136px） 2、android界面尺寸：常见为（宽度720px、高度1280px） 其他尺寸：ldpi（240*320）、mdpi（320*480）、hdpi
（480*800）3、webmobile尺寸：常见为（宽度640px、高度960px） （二）导航尺寸 1、ios导航尺寸：高度60px，留白7px 2、android导航尺寸：高度64px或48px，留白8px （三）标签尺寸 1、ios标签尺寸：高度98px 2、android标签尺寸：高度96px （四）工具栏尺寸 1、ios工具栏尺寸：高度88px 2、android工具栏尺寸：高度96px （五）列表高度 1、ios列表高度：高度88px 2、android列表高度：高度96px （六）资源状态 对于资源通常设计弹起、点击、点击后、不可用四种状态，通常弹起、点击、点击后用不同颜色表示、不可用状态用低度灰色表示。 （七）字体 1、ios默认英文为helveticalneue，中文为黑体 2、android列表高度：默认为droidsansfallback （八）字号
设计实用原则 一、操作入口明确 “操作入口明确”，就是指产品的任何一个功能都要有明确、合理的入口。 “操作入口”，指的是产品内部不同模块之间的转接元素，例如在Web产品中，按钮控件、输入框、文字链等都属于操作入口； “明确”指的是入口的视觉感是清晰的、可识别的； “合理”是指入口的出现是符合用户操作逻辑的，适时的。 1、强化重点，弱化周边 2、入口信息明确易识别 增加入口数量虽然在一定程度上有助于提高功能模块的使用率，但也存在致命的缺陷——入口信息不明确。因为“入口”等同于用户的“选择”，入口越多，选择越多，“过多的选择等于没有选择”，这势必会造成用户使用产品时的疑惑
二、可及 在产品设计应用过程中，应当考虑到特殊人群的使用状况，让这部分用户享受无障碍设计带来的便捷 1.色盲 2.肢体残疾 3.老人，儿童（5～12岁） 4.文盲 5.其他其他对信息使用不擅长的人
1.使用形状+色彩的信息提示 在使用设计元素时，要尽量使用形状+色彩的方式来表现信息，或者使用文字的提示。2.简化操作方式 比如在设计操作时尽可能地采用“选择”的方式而不是“填写”（避免给手指残疾的用户增加负担）。比如下面这个输入日期的设计：
3.容错和及时帮助 4.使用视觉、听觉，触觉等多元化的手法传达必要的资讯 比如在一些智能手机产品上，点击触摸屏数字键盘时，不但被选中的数字键的底色会发生变化，而且屏幕还有震动的触感提示。 5.使用辅助性的工具 例如：语音朗读、放大镜、手写输入、语音输入、语音搜索等 三、适时帮助 适时帮助，是指在用户使用流程中，在需要的时候能及时地得到帮助，有效减低用户学习成本；反之，在不需要帮助的时候,不要出现信息干扰。 用户在什么时候需要帮助? 一般有以下三种情况： A.第一次 当新用户使用一个产品的时候需要帮助，或者老用户在使用一项新功能的时候，由于认知不
手机app界面设计模板 导语： 随着移动互联网技术的发展，越来越多的app应用孕育而生。精美的app界面更吸引我们使用，那么它是如何设计与制作呢？我们一起来学习下！ 免费获取线框图原型图设计软件：https://www.doczj.com/doc/a816166383.html,/wireframe/ 模板丰富的手机APP界面制作工具 亿图图示这款国产的全类型图形图表设计软件，为用户提供精美的APP界面设计模板，可以免费使用。特别是针对没有绘图经验的开发者，有了APP界面设计模板之后，再也不愁APP界面设计的问题。亿图软件的符号库包含所有图标组，还能对单个图标进行修改，拖拽式的操作能帮助用户在架构设计上更加流畅。
线框图设计模板 线框图模板是经过打磨的备选素材，可供使用者直接套用，有效节省时间。亿图图示这款国产的全类型图形图表设计软件，为用户提供精美的线框图模板，在应用软件内容，用户可以免费使用。特别是针对没有绘图经验的开发者，有了线框图模板之后，再也不愁线框图的问题。 线框图模板一
线框图模板二
线框图模板三 更多绘图符号，助力线框图设计 亿图软件不仅提供模板，更有多套免费icon供用户使用。这些矢量的图标符号，可任由使用者进行二次编辑。精致的图标符号，加上合理的布局，瞬间让线框图设计加分不少。 UI矢量符号
触摸手势符号
IOS符号 亿图图示的模板和符号，欢迎您的尝试。如果想体验最新的模板和符号，也可以从线上直接获取最新素材。 获取更多线框图原型图软件使用技巧：https://www.doczj.com/doc/a816166383.html,/software/wireframe/
产品设计的八个原则 时间：2014-01-22 09:37 来源：知乎作者：向华盛 导读：在产品设计中，产品界面、使用情景、用户操作等都会影响用户对产品的体验。因此我们在设计的过程中应遵循一定的原则，避免设计者片面的根据自己主观认识对产品做出抉择。 原则1：用户界面应该是基于用户的心里模型，而不是基于工程实现模型 就是把后台本来很复杂的事情通过设计符合用户日常生活中常用的浏览方式或操作方式。其实这一点是设计师把生活中的细节和数据结合的凝聚点，用户的心理模型抓的越准，界面就会越优秀。 #左边界面#：大众点评新版的价格的搜索就比之前改得更符合用户心里模型; #右边界面#：食神摇摇的摇动手机找餐厅更加符合大众用户的心里，大家应该都有那种中午不知道去哪家餐厅就餐，那么就摇一摇来随机抽出一个附近的餐厅。
原则2：培养用户使用情景的思维方式做设计 要做到这个原则其实是很难的，需要长期的实战经验才能做到这点。 那我们都知道米聊出的比微信早，但后来被微信反超，个人认为不光是QQ帮了微信很大忙，比如用户登录门槛低，用户来源，广告打得响之类的，其实在用户使用情景方面米聊研究的没有微信透彻。 对于一个社交即时通讯产品，添加好友的功能是好友汇聚的来源，虽然米聊微信都绑定手机通讯录，但话又说回来，用户找手机通讯录联系人语音聊天的还是比较少。添加好友是引导用户去发现好友，找好友, 碰好友的一扇门。所以对于这么重要的功能放置在应用程序的哪个位置，在产品前期就会让用户明显的去选择用哪个应用，因为聊天工具的前提是要有人和你聊天。再回到现实的界面中来，看看下面的对比： 微信1.0的时候(我这里只截了4.0的图)把添加好友放置主Tab上，方便用户很快的添加好友。 米聊2.0时还是把添加好友放置在好友列表的第一排，用户很难发现 原则3：尽量少的让用户输入，输入时尽量多给出参考
毕业论文手机APP设计
摘要 手机移动设备不断普及，对手机设备的软件需求越来越多，界面视觉效果良好，且具有良好体验的应用留在自己的手机上长期使用，因此，手机ui设计在当今移动互联网迅猛发展的时代中显现的尤为重要。我的作品是一款拥有时尚前卫的手机社交APP设计,把一些潮流的动感元素融入，转化为有形的，可以看到的平面艺术中去，以平面化的表现方式进行美的表现，带给人以此时无声胜有声的更高境界。时尚的红色带着少女的朝气，视觉艺术的转化基础是人类基本的心灵感受，它使人们具有相似的或共同的审美体验。界面在表现形式中也不同于常见的平面化界面，以平面设计中"立体化"的视觉表现形式为切入点进行创新，此款手机APP产品设计主题突出、明确，整体色彩虽运用单色系列却不显现单调，界面风格整体统一，是一款人们值得拥有社交类APP，给予现在年轻人不同的社交体验。作品独特、具有视觉冲击感，创意设计灵魂体现在每一个界面，如：柔美的线条，构成少女美妙的身姿，仿佛在跟随着音乐起舞，在交互操作中会带给人意想不到的惊喜体验；细节决定一切，人性化的细节设计如：定位时间、地点以及日期、精确到每一个像素等细节呈现着令人赏心悦目的视觉效果。我的APP旅游产品设计将以实用和独特的想法呈现给用户便捷、新颖、贴心的交互体验。 关键词：创意设计，地点定位，时间定位，精细分类 目录
摘要....................................................................................................... II 1项目概述 . (1) 1.1项目目的和内容 (1) 1.2项目分析 (1) 1.2.1行业背景分析 (1) 1.2.2典型用户分析 (2) 1.2.3同类型APP分析 (2) 1.3基本要素 (3) 1.3.1设计风格定义................................. 错误！未定义书签。 1.3.2标准色定义 (3) 1.3.3规格定义......................................... 错误！未定义书签。2概要设计 . (4) 2.1创意来源 (4) 2.2产品的风格定义 (4) 2.3手机APP流程图 (4) 3详细设计 (6) 3.1开场界面 (6) 3.1.1原型图 (6) 3.1.2效果图 (7) 3.2登录界面 (6) 3.2.1原型图 (6) 3.2.2效果图 (6) 3.3首页界面 (7) 3.3.1原型图 (7) 3.3.2效果图 (7)
交互设计七大定律 作为交互设计之父的阿兰·库珀最为人熟知的或许就是这句“除非有更好的选择，否则就遵从标准”了，在交互设计领域有很多经过了时间的验证的法则定律被认作了标准，那么你都知道都有哪些吗？ 1. Fitts’ Law / 菲茨定律（费茨法则） 定律内容：从一个起始位置移动到一个最终目标所需的时间由两个参数来决定，到目标的距离和目标的大小（上图中的 D与 W），用数学公式表达为时间 T = a + b log2(D/W+1)。 它是 1954 年保罗.菲茨首先提出来的，用来预测从任意一点到目标中心位置所需时间的数学模型，在人机交互（HCI）和设计领域的影响却最为广泛和深远。新的 Windows 8 中由开始菜单到开始屏幕的转变背后也可以看作是该定律的应用。 菲茨定律的启示： 按钮等可点击对象需要合理的大小尺寸。 屏幕的边和角很适合放置像菜单栏和按钮这样的元素，因为边角是巨大的目标，它们无限高或无限宽，你不可能用鼠标超过它们。即不管你移动了多远，鼠标最终会停在屏幕的边缘，并定位到按钮或菜单的上面。 出现在用户正在操作的对象旁边的控制菜单（右键菜单）比下拉菜单或工具栏可以被打开得更快，因为不需要移动到屏幕的其他位置。
2. Hick's Law / 席克定律（希克法则） 定律内容：一个人面临的选择（n）越多，所需要作出决定的时间（T）就越长。用数学公式表达为反应时间 T=a+b log2（n）。在人机交互中界面中选项越多，意味着用户做出决定的时间越长。例如比起 2 个菜单，每个菜单有 5 项，用户会更快得从有 10 项的 1 个菜单中做出选择。 席克定律多应用于软件/网站界面的菜单及子菜单的设计中，在移动设备中也比较适用。 3. 神奇数字7±2 法则 1956 年乔治米勒对短时记忆能力进行了定量研究，他发现人类头脑最好的状态能记忆含有7（±2）项信息块，在记忆了 5-9 项信息后人类的头脑就开始出错。与席克定律类似，神奇数字7±2 法则也经常被应用在移动应用交互设计上，如应用的选项卡不会超过 5 个。
用户体验设计原则及案例解析（上） 本文要点： 1. 建立对于设计原则的理解 2. 告别设计中设计技法的“堆砌” 3. 增强用户体验设计与设计技法相结合的意识 其实设计师平时做设计的工作，可以比作成人在走路或在跑步，走路和跑步的原理是需要两条腿相互配合才能完成跑步的动作，做设计也是一样。设计技法是非常重要的一条腿，熟练的运用设计软件来完成，ICON的绘制、页面的设计、运营活动的设计，这都是非常重要的。但是其中还有另外一条腿，就是另外一项设计师非常必备的思考方式，也就是用户体验设计的一些原则。一定是这两者相互配合，才能够完成设计师的跑步的动作，来完成一个真正既能够体现你设计能力，又能够符合用户真正使用场景的设计，也就是我们这里面比喻的跑步。这些原则说起来似乎高大上，触不可及，但其实是非常的接地气的。 下面请看一个界面的案例及设计师对各界面的反馈：
界面一：如果作为一个用户，如上图左的页面，我会觉得看起来特别不好用，想退出这个界面。因为它太小了，这上面的字第一次看到之后，就会觉得看的特别不清楚。我看到这个页面的第一直觉是想跳出，第二如果我必须要登录的话，我会把它放大，然后去输入，还要把手机拿得近一点，这样凑近了看，可能就会清楚一点。 界面二：如果用如上图右的页面来登录，我是用户的话，打开这个页面会发现，它的文字信息比较多，然后再仔细看这些文字的时候，会发现它的信息层级会比较少，我想找的重点信息不容易发现。阅读顺序方面，我读这个页面会从上往下读。而操作方面，会觉得按钮太小了，可能会误操作。 界面三：如果用如上图左这个界面，作为用户来注册一个百度账号，看起来挺不错的，只是要输入的内容其实还挺多的。但跟之前的两个界面相比，这个至少操作起来比较简单。另外，有一点不太好的，我上面要输数字，下面要输拼音和数字，感觉还是挺麻烦的。 界面四：如果是如上图右界面来做它的注册，我觉得这个就省心多了，相当于基本上没有什么操作步骤，直接连调出键盘都已有了，可以直接输了，所以看起来就不太需要想，可以直接用。 从大家如上的意见反馈中可以看到，大家心目中评价这些界面好不好用，其实有非常多我们所涉及到的设计原则点，包括它是否好看见，是否可读，包括这个操作起来是否麻烦 是否可点。 其实这四个页面我选的是非常有故事的，我们来看看这四个页面背后的逻辑。其实第一个页面不是一个移动端的页面，完全就是一个PC端的注册页面。不过我们把它放到手机上面来看，而且放上来的时候没有做任何的适配，可以看到内容非常的小。如果
一、用户体验信息收集 在讨论手机的交互设计方法之前，需要先对手机的用户使用习惯有一些基本的了解，需要对手机的用户体验信息做一些收集整理。收集用户体验信息首先需要确定两个问题：一是确定目标用户群体；二是确定信息收集的方法和途径。 在确定目标用户群体的时候，很显然的是，已有产品有过使用和交互经验，具备该产品或系统的交互体验的用户，相比较于那些没有体验的用户，可以为设计提供更多更有效的信息。因此在收集用户体验信息时，应该首先考虑所需设计的产品的用户或是有过类似产品使用经验的用户。在理想的情况下，当用户体验产品的交互时，设计师可以通过某种技术或是研究方法获得用户的全部感官印象，掌握他们的情感体验。然而这些主观的体验信息很难用实验室的方法收集或是客观的科学描述表达出来。因此我们只能寻求贴近实际的近距离接触用户体验的方法，就是深入访谈和现场观察。 我们需要调研的信息有： 1.硬件部分： ?手机的持机模式（右手操作、左手操作、双手操作）； ?手机的操作模式（手指触控、笔触、按键、滚轮、长按）； ?两种操作模式下的输入方式（全键盘、九键、触屏键盘、手写）； ?信息反馈形式（屏幕信息输出、声音、振动、灯光）对用户的影响； 2.软件部分： ?用户对屏幕信息结构的认识（空间位置、信息排列顺序、信息的分类）?用户对信息导航的使用（菜单、文件夹管理、搜寻特定文件） ?用户对信息传达的理解（图形信息、文字信息） ?用户对交互反馈的获知（每个操作是否有明确的反馈） 3.积极的用户体验： ?特殊交互模式带来的新奇感受——有趣 ?简洁的操作步骤和有效的信息提醒方式——信任感 ?软件运行速度，信息处理过程——操纵感和成就感 ?允许误操作，有效引导——安全感 ?交互过程中的完美感官体验（视觉、听觉） ?类似于电脑操作过程的交互（有电脑使用经验的用户）——熟悉感和成就感 ?品牌元素在交互上的延续性——熟悉感和优越感 4.消极的用户体验： ?系统出错、没有提示信息——压力、紧X和茫然 ?缺少误操作的补救机制——挫败感、压力
基于用户体验的手机产品交互设计原则 一、用户体验信息收集 在讨论手机的交互设计方法之前，需要先对手机的用户使用习惯有一些基本的了解，需要对手机的用户体验信息做一些收集整理。收集用户体验信息首先需要确定两个问题：一是确定目标用户群体；二是确定信息收集的方法和途径。 ?在确定目标用户群体的时候，很显然的是，已有产品有过使用和交互经验，具备该产品或系统的交互体验的用户，相比较于那些没有体验的用户，可以为设计提供更多更有效的信息。因此在收集用户体验信息时，应该首先考虑所需设计的产品的用户或是有过类似产品使用经验的用户。在理想的情况下，当用户体验产品的交互时，设计师可以通过某种技术或是研究方法获得用户的全部感官印象，掌握他们的情感体验。然而这些主观的体验信息很难用实验室的方法收集或是客观的科学描述表达出来。因此我们只能寻求贴近实际的近距离接触用户体验的方法，就是深入访谈和现场观察。 我们需要调研的信息有： 1.硬件部分： 手机的持机模式（右手操作、左手操作、双手操作）； 手机的操作模式（手指触控、笔触、按键、滚轮、长按）； 两种操作模式下的输入方式（全键盘、九键、触屏键盘、手写）； 信息反馈形式（屏幕信息输出、声音、振动、灯光）对用户的影响； 2.软件部分： 用户对屏幕信息结构的认识（空间位置、信息排列顺序、信息的分类） 用户对信息导航的使用（菜单、文件夹管理、搜寻特定文件） 用户对信息传达的理解（图形信息、文字信息） 用户对交互反馈的获知（每个操作是否有明确的反馈） 3.积极的用户体验： 特殊交互模式带来的新奇感受——有趣 简洁的操作步骤和有效的信息提醒方式——信任感 软件运行速度，信息处理过程——操纵感和成就感 允许误操作，有效引导——安全感 交互过程中的完美感官体验（视觉、听觉） 类似于电脑操作过程的交互（有电脑使用经验的用户）——熟悉感和成就感 品牌元素在交互上的延续性——熟悉感和优越感 4.消极的用户体验： 系统出错、没有提示信息——压力、紧张和茫然 缺少误操作的补救机制——挫败感、压力 交互步骤的繁复难记——挫败感 提示信息的不明确（不符合用户模型）——茫然 过程处理时间过长——焦虑 二、用户分类 1.依据用户的需求可将智能手机的用户分为两类：
APP 用户界面设计基础 1、各设计部尺寸标准一览 为了避免在首页 UI 设计时出现不必要的麻烦，如设计 尺寸错误而导致显示不正常的情况发生，设备尺寸的标准 如单位，分辨率，密度等）都是我们必须了解清楚的。 图 1 手机屏幕各类参数 首先让我们来看图 1 所示。如果没有接触过手机界面 设计，对下图中的各种数值很可能会一头雾水， Inch 是什么？ 320X480 代表什么？ DPI 又是什么单位？ HDPI 和 MDPI 又分 内容。 1)英寸 (Inch) 英寸其实就是我们常说的长度单位， 14 寸笔记本电 脑，30 寸纯平彩电， 指的就是屏幕对角的长度， 如图 2 所示， 手机屏幕也沿用这个概念。 图 2 图解英寸概念 2）分辨率 分辨率是屏幕物理像素的综合，一般用屏宽像素数 480px*800px ， 320px*480px 等， 别代表什么呢？下面我们来 介绍这些设备尺寸相关的 以屏高像素数来表示，比如
像素是显示屏规范中的最小单位。 图3 分辨率示意图 图4 像素示意图 图3 所示是一张分辨率为420px*320px 的图片，把 它放大后，所见图片就变成图4 所示这种全是正方形格子，而每个正方形格子就代表一个像素。这些格子数是有规律的，如果您有兴趣去数一下，屏宽的格子数为420 个，屏高的格子数为320 个，也就是分辨率的宽与高。 3）网点密度（DPI ） 屏幕物理面积内所含的像素数，通过DPI （每英寸 点数）来计算，图1所示的252DPI 和180DPI 就是指每英寸点数为252 和180。 DPI 越高，显示的画面质量就越精细，在一般屏幕 设计师上追求高DPI 显示画面质感，但在手机UI 设计时， DPI 要与相应手机相匹配，因为低分辨率的手机无法满足高 DPI 图片对手机硬件的要求，显示的效果反而会变得糟糕，所以就涉及了一个新的名词-屏幕密度 4）屏幕密度 屏幕密度分为DPI （低）,MDPI （中等）,HDPI （高）, XHDPI（特高）四种。 图5 屏幕密度一览表
app应用设计模板 篇一：XX年App 创新创意设计大赛范文及模版App 创新创意设计大赛 【项目名称】 XXXXX 所在学校：XXXXX 所在赛区：XXXXX 团队名称：XXXXX 团队成员：XXXXX 提交日期：XXXXX （一）作品概述目录 （二）作品可行性分析和目标群体 （三）作品功能与原型设计 （四）作品实现、难点及特色分析 （五）团队介绍和人员分工 （六）其他 （七）致谢 （一）作品概述
随着商场不断的扩大与综合化，消费者对于一个商场的各种信息不能够全方面的掌控，并且在停车和寄存方面的步骤比较繁琐，例如，对该商场所拥有的店铺信息及其折扣信息不够了解，停车时需取卡再退卡还需找到现金支付，寄存物品时凭条需妥善保存。 为相应国家智慧城市建设，解决上述问题，我们团队制作了极志商圈软件。它具备折扣查询、停车服务、寄存物品管理三大功能，可以极大优化消费者在商圈中的体验。使用折扣查询可以查询（也可根据位置自动获取）商圈内最新、最全面的折扣信息，并获取相关优惠券。使用停车服务，消费者可以省去取卡、还卡、付现的复杂过程，只需刷一下手机便可轻松完成。为了解决寄存条容易丢失的问题，极志商圈的寄存物品管理功能可以将寄存凭条上的条形码扫描、识别、记录并还原在手机屏幕上。消费者在取物时，只需扫描手机屏幕，即可取出自己寄存的物品。 极志商圈软件，融入了室内定位技术、条形码扫描、NFC技术，利用手机的便携性，通过互联网为使用者提供即时的店铺信息；通过室内定位技术为消费者推送附近的优惠；通过nfc技术进行身份识别并自动计算停车费用继而从会员卡直接扣款，免去了消费者取卡还卡交现金的繁琐步骤；通过条码扫描和生成技术，实现了对于寄存条码的识别和还原，