Android应用UI设计流程

设计原理

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

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

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

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

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

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

移动设计案例研究

以下为举例说明:

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

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

第2步:设计研讨会

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

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

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

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

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

第4步:视觉设计

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

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

  1. Android 高级UI设计笔记07:RecyclerView 的详解

    1. 使用RecyclerView       在 Android 应用程序中列表是一个非常重要的控件,适用场合非常多,如新闻列表.应用列表.消息列表等等,但是从Android 一出生到现在并没有非常 ...

  2. Android中UI设计的一些技巧!!!

    出处:http://blog.csdn.net/android_tutor/article/details/5995759 大家好,今天给大家分享的是Android中UI设计的一些技巧,本节内容主要有 ...

  3. 【Android开发经验】Android举UI设计经验

    转载请注明出处:http://blog.csdn.net/zhaokaiqiang1992 1.Android眼下的主流设备分辨率为480×800.720×1280.1080×1920,单位是像素.在 ...

  4. 案例研究:手机APP的UI设计流程

    以下内容由Mockplus(http://www.mockplus.cn)团队翻译整理,仅供学习交流. UI设计——不仅仅是创造漂亮的图像. 面临的挑战 我为自己提供了一个绝佳的机会来训练我的视觉设计 ...

  5. Android 高级UI设计笔记09:Android如何实现无限滚动列表

    ListView和GridView已经成为原生的Android应用实现中两个最流行的设计模式.目前,这些模式被大量的开发者使用,主要是因为他们是简单而直接的实现,同时他们提供了一个良好,整洁的用户体验 ...

  6. Android 高级UI设计笔记06:仿微信图片选择器(转载)

    仿微信图片选择器: 一.项目整体分析: 1. Android加载图片的3个目标: (1)尽可能的去避免内存溢出. a. 根据图片的显示大小去压缩图片 b. 使用缓存对我们图片进行管理(LruCache ...

  7. Android 高级UI设计笔记09:Android实现无限滚动列表

    1. 无限滚动列表应用场景: ListView和GridView已经成为原生的Android应用实现中两个最流行的设计模式.目前,这些模式被大量的开发者使用,主要是因为他们是简单而直接的实现,同时他们 ...

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

    本文将讨论Android应用程序的线程模型以及如何使用线程来处理耗时较长的操作,而不是在主线程中执行,保证用户界面(UI)的流畅运行.本文还将阐述一些用户界面(UI)中与线程交互的API.UI用户界面 ...

  9. Android 高级UI设计笔记22:Android 指示引导页(带圆点)

    1. 引导页: 我们在安装某个软件首次运行时,大部分都会有一个引导页的提示,介绍软件新功能的加入或者使用说明等,支持滑动且下面会有几个圆点,显示共有多少页和当前图片的位置,类似如下效果: 2. 引导页 ...

随机推荐

  1. [LeetCode] Delete Operation for Two Strings 两个字符串的删除操作

    Given two words word1 and word2, find the minimum number of steps required to make word1 and word2 t ...

  2. Ubuntu重装mysql错误解决

    新搭建的服务器,先在Ubuntu上安装mariadb,后来由于很多权限问题,决定安装Mysql,在卸载过程中由于未卸载干净,导致mysql重装过程中出现了很多问题. Reading package l ...

  3. 【前端】Ubuntu16下nodejs+npm+vue环境配置

    笔者最近在学习vue.js,不过一直都是在runoob上面各种尝试.今天笔者在本机(Ubuntu16.04)尝试部署了nodejs+npm+vue开发环境,接下来将尽可能详细的讲述安装过程,帮助新人少 ...

  4. Scrapy选择器的用法

    1.构造选择器: >>> response = HtmlResponse(url='http://example.com', body=body) >>> Sele ...

  5. [Luogu 3807]【模板】卢卡斯定理

    Description 给定n,m,p(1≤n,m,p≤10​^5​​) 求 C_{n+m}^{m} \mod p 保证P为prime C表示组合数. 一个测试点内包含多组数据. Input 第一行一 ...

  6. [BZOJ1977]严格次小生成树

    [问题描述] 小C最近学了很多最小生成树的算法,Prim算法.Kurskal算法.消圈算法等等. 正当小C洋洋得意之时,小P又来泼小C冷水了.小P说,让小C求出一个无向图的次小生成树,而且这个次小生成 ...

  7. 【NOIP2014TG】solution

    链接:https://www.luogu.org/problem/lists?name=&orderitem=pid&tag=83|31 D1T1(rps) 题意:给你一个周期,以及胜 ...

  8. bzoj4152[AMPPZ2014]The Captain 最短路

    4152: [AMPPZ2014]The Captain Time Limit: 20 Sec  Memory Limit: 256 MBSubmit: 1517  Solved: 603[Submi ...

  9. 面试(二)---synchronized

    一.前言        本来计划将ConcurrentHashMap和HashMap对比着来说下,奈何看的源码有点懵逼,我在思考思考,等等有个清晰的思路在搞起来,我们先来谈一下synchronized ...

  10. MySQL的常用操作命令详解

    系统管理">系统管理 mysql服务">启动MySQL服务 通过windows服务管理器启动MySQL服务 ? 1 开始-->运行-->输入services ...