Android应用UI设计流程

Android应用UI设计流程

设计原理

1、在移动设计中,使用环境是最关键的因素。原型设计方法必须考虑尺寸因素

2、用户测试必须涵盖运动、声音和多点触控等方面:

进行移动设计和测试时,请将你知道的有关与计算机交互的一切都抛到 脑后。与计算机交互时,用户只使用鼠标和键盘,这种大一统模式并不 适用于移动设备。移动时代的一个重要特征是充分利用人体的自然运动: 刮划表示深入挖掘;摇动表示拒绝;将手机放到耳边表示要说话。从语 音识别数字助理到计步器(它利用GPS传感器根据身体摇摆情况判断日 常身体活动的速度和健康状况),当今的移动设备正以前所未有的程度大 量利用运动、声音和多点触摸手势,以便从用户那里获取日益复杂的输入。

要设计出有效的用户界面,原型创建和用户测试方法必须考虑所有这些 与设备交互的新模式。

3、触控界面必须既简约又精巧:触控界面必须独特而不复杂, 同时又非常精巧。这意味着从很多方面说,创建触控界面原型都比创建 台式机Web界面原型更容易(如果使用的是不那么逼真的方法,如在纸 上绘制原型,这一点尤为明显),但前提条件是必须深入研究界面的微妙 方面。

4、愉悦不可或缺:新的移动平台是伴随着游戏成长起来的, 游戏已溶入其血液和DNA,因此,不管要完成的任务有多单调、多微不 足道,设计人员都必须确保软件使用起来令人愉悦,最起码也要帮助用 户尽快完成任务。

移动设计案例研究

以下为举例说明:

第1步:范围、概念和规划:

  • 使用环境:在城市私人车库里进 行旧货出售
  • 目标用户:钱 和时间都不充裕的年青大学生
  • 现场调查和情景访谈、
  • 设想:用户会如何使用该产品
  • 预算:打算在设计和开发上投入多少时间和资金

第2步:设计研讨会

为实时地将各种设计方案完整记录下来,一种很不错的方法是使用故事板。 这里的关键在于,尽可能少考虑实际的界面设计,只对用户如何使用应 用加以描述。

第3步:使用便利贴做RITE调查

多年来,RITE一直是UCD工具箱的一部分。为让RITE在移动设计流程 中也能扮演核心角色,我对其做了简单修改:使用在便利贴上绘制的原型。

一叠便利贴的尺寸与移动设备相当,这种简单而精致的原 型让你能够测试人体工程、多点触摸、加速运动等,而这些是使用传统 线框无法完成的。

使用便利贴原型很容易模拟分支。为此,可只将一叠便利贴最上面的那个“屏 幕”递给受试者;等受试者轻按该屏幕上的按钮或执行某项功能后,再背 着受试者从手里一系列表示分支的便利贴中选出合适的“屏幕”,并递给 受试者。这样,测试将非常逼真:如果下一个受试者轻按了另一个控件, 他将看到不同的屏幕;这让你能够测试分支和迂回工作流程、回溯以及 其他真实行为,从而获得丰富而可靠的行为数据。

第4步:视觉设计

值得一提的是,视觉设计既能提升交互设计意图,也能让它逊色。有时候, 视觉设计影响重大,因此最好再对应用做几次测试,确保即便经过演化后, 最终的设计版本依然秉承了设想故事板的简约和优雅。风格能营造情感联系, 也能破坏情感联系,因此也有必要对其进行测试。

时间: 2024-08-08 14:37:43

Android应用UI设计流程的相关文章

《Android App开发入门:使用Android Studio 2.X开发环境》—— 2-2 Android 程序的设计流程

2-2 Android 程序的设计流程 Android程序设计是把程序代码和资源(Resource)分开设计的."资源"包含界面的安排.字符串对象.图形对象.音乐对象等,这些对象都以文件的方式存放在项目的 res 文件夹下,再构建(Build)起来成为 .apk 文件,最后由用户下载安装到手机上使用. Android 的资源以视觉部分最多,其他也包含音乐.字符串等资源,为解说方便,除非在特别谈到音乐.字符串等资源时,否则我们多以视觉资源为代表. 视觉设计和程序逻辑 原本 Android

产品UI设计流程

产品UI设计中夹杂着许多设计原则要求,统一公司UI设计流程,使UI设计师参与到产品设计整个环节中来,对产品的易用性进行全流程负责,使UI设计的流程规范化,保证UI设计流程的可操作性... 1.分析阶段 需求分析.用户场景模拟.竞品分析(聆听用户心声). 需求分析:对于一个产品来说,必然有对用户需求的分析内容,更多的是从MRD与PRD获得,或者从产品需求评审会议上得到需求分析的内容,当然可以直接与产品经理交流获得相关产品需求.如果说设计原则是所有设计的出发点的话,那么用户需求就是本次设计的出发点.

一个完整的UI设计流程是怎样的?

  收到一封 Mail,其中提到几个关于设计流程和 Prototype 的问题.UI设计流程:Wireframe->低保真Prototyple->Mockup->高保真Prototyple,这样的流程是对的吗?今天来聊聊一个完整的 UI 设计流程应该是怎样的,收干货! 根据上过课的学员响应.以及自身经验,目前业界的情况大多是 UI 设计师收到「开工啦」的通知,然后就从 Wireframe 开始下手.用户怎么操作.有哪些功能.用户和客户的需求是什么往往靠 PM 简单口述. Wirefram

Android手机UI设计分辨率基础知识

1.术语和概念 Android手机ui设计分辨率基础知识 Screen size(屏幕尺寸) 指的是手机实际的物理尺寸,比如常用的2.8英寸,3.2英寸,3.5英寸,3.7英寸 摩托罗拉milestone手机是3.7英寸 Aspect Ratio(宽高比率) 指的是实际的物理尺寸宽高比率,分为long和nolong Milestone是16:9,属于long Resolution(分辨率) 和电脑的分辨率概念一样,指手机屏幕纵.横方向像素个数 Milestone是854*480 DPI(dot

界面-android 页面UI设计,页面美化

问题描述 android 页面UI设计,页面美化 我做的是一个品牌列表,现在和电话本一样,没有灵感不知道从哪里美化,功能不是太多 ,所以加功能应该是不会了,(本来我是想加个扫一扫和侧滑栏的),求设计大神帮我设计一下开发界面美化"> 解决方案 建议你去看下google新的设计规范http://www.uisdc.com/comprehensive-material-design-note 解决方案二: 字体大小,颜色,要区分主次,适当加一些icon 解决方案三: 不好意思,赚取积分... 解

Android编程UI设计之GridView和ImageView的用法

本文实例讲述了Android编程UI设计之GridView和ImageView的用法.分享给大家供大家参考,具体如下: GridView: A view that shows items in two-dimensional scrolling grid. The items in the grid come from the ListAdapter associated with this view. 简单说,GridView就是我们资源管理器平常见到的一个个文件的icon显示方式. 上面提

浅谈AnDroidDraw+DroidDraw实现Android程序UI设计的分析说明_Android

AnDroidDraw 是一个与 DroidDraw 集成的 Android 应用程序,它允许你从 DroidDraw 应用 程序下载你的 GUIs, 也允许你在一个 Android 设备上预览你的 GUIs1.先下载安装DroidDraw,我使用的版本是droiddraw-r1b222.下载AnDroidDraw.apk,并在模拟器上进行安装,安装步骤如下: 1)使用cmd进入命令行窗口,进入你安装的android-sdk下的platform-tools目录,如图: 2)使用: adb ins

浅谈AnDroidDraw+DroidDraw实现Android程序UI设计的分析说明

AnDroidDraw 是一个与 DroidDraw 集成的 Android 应用程序,它允许你从 DroidDraw 应用 程 序下载你的 GUIs, 也允许你在一个 Android 设备上预览你的 GUIs 1.先下载安装DroidDraw,我使用的版本是droiddraw-r1b22 2.下载AnDroidDraw.apk,并在模拟器上进行安装,安装步骤如下: 1)使用cmd进入命令行窗口,进入你安装的android-sdk下的platform-tools目录,如图: 2)使用: adb

Android的UI设计与后台线程交互

本文将讨论Android应用程序的线程模型以及如何使用线程来处理耗时较长的操作,而不是在主线程中执行,保证用户界面(UI)的流畅运行.本文还将阐述一些用户界面(UI)中与线程交互的API.UI用户界面线程 当应用程序启动时,系统会为应用程序创建一个主线程(main)或者叫UI线程,它负责分发事件到不同的组件,包括绘画事件.完成你的应用程序与Android UI组件交互.例如,当您触摸屏幕上的一个按钮时,UI线程会把触摸事件分发到组件上,更改状态并加入事件队列,UI线程会分发请求和通知到各个组件,