Android应用UI设计流程

简介: Android应用UI设计流程 设计原理 1、在移动设计中,使用环境是最关键的因素。原型设计方法必须考虑尺寸因素 2、用户测试必须涵盖运动、声音和多点触控等方面: 进行移动设计和测试时,请将你知道的有关与计算机交互的一切都抛到 脑后。与计算机交互时,用户只使用鼠标和键盘,这种大一统模式并不 适用于移动设备。移动时代的一个重要特征是充分利用人体的自然运动: 刮划表

Android应用UI设计流程

设计原理

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

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

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

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

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

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

移动设计案例研究

以下为举例说明:

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

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

第2步:设计研讨会

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


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

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

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


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

第4步:视觉设计

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

目录
相关文章
|
11月前
|
存储 Android开发
如何查看Flutter应用在Android设备上已被撤销的权限?
如何查看Flutter应用在Android设备上已被撤销的权限?
569 64
|
6月前
|
存储 消息中间件 人工智能
【04】AI辅助编程完整的安卓二次商业实战-寻找修改替换新UI首页图标-菜单图标-消息列表图标-优雅草伊凡
【04】AI辅助编程完整的安卓二次商业实战-寻找修改替换新UI首页图标-菜单图标-消息列表图标-优雅草伊凡
427 4
|
前端开发 安全 开发工具
【11】flutter进行了聊天页面的开发-增加了即时通讯聊天的整体页面和组件-切换-朋友-陌生人-vip开通详细页面-即时通讯sdk准备-直播sdk准备-即时通讯有无UI集成的区别介绍-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
【11】flutter进行了聊天页面的开发-增加了即时通讯聊天的整体页面和组件-切换-朋友-陌生人-vip开通详细页面-即时通讯sdk准备-直播sdk准备-即时通讯有无UI集成的区别介绍-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
883 90
【11】flutter进行了聊天页面的开发-增加了即时通讯聊天的整体页面和组件-切换-朋友-陌生人-vip开通详细页面-即时通讯sdk准备-直播sdk准备-即时通讯有无UI集成的区别介绍-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
|
安全 算法 小程序
【03】微信支付商户申请下户到配置完整流程-微信开放平台创建APP应用-填写上传基础资料-生成安卓证书-获取Apk签名-申请+配置完整流程-优雅草卓伊凡
【03】微信支付商户申请下户到配置完整流程-微信开放平台创建APP应用-填写上传基础资料-生成安卓证书-获取Apk签名-申请+配置完整流程-优雅草卓伊凡
809 28
【03】微信支付商户申请下户到配置完整流程-微信开放平台创建APP应用-填写上传基础资料-生成安卓证书-获取Apk签名-申请+配置完整流程-优雅草卓伊凡
|
11月前
|
人工智能 物联网 编译器
【01】优雅草星云物联网AI智控系统从0开发鸿蒙端适配完成流程-初始化鸿蒙编译器deveco studio项目结构-UI设计图切片下载-优雅草卓伊凡
【01】优雅草星云物联网AI智控系统从0开发鸿蒙端适配完成流程-初始化鸿蒙编译器deveco studio项目结构-UI设计图切片下载-优雅草卓伊凡
314 11
【01】优雅草星云物联网AI智控系统从0开发鸿蒙端适配完成流程-初始化鸿蒙编译器deveco studio项目结构-UI设计图切片下载-优雅草卓伊凡
|
前端开发 Java Shell
【08】flutter完成屏幕适配-重建Android,增加GetX路由,屏幕适配,基础导航栏-多版本SDK以及gradle造成的关于fvm的使用(flutter version manage)-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
【08】flutter完成屏幕适配-重建Android,增加GetX路由,屏幕适配,基础导航栏-多版本SDK以及gradle造成的关于fvm的使用(flutter version manage)-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
849 20
【08】flutter完成屏幕适配-重建Android,增加GetX路由,屏幕适配,基础导航栏-多版本SDK以及gradle造成的关于fvm的使用(flutter version manage)-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
|
11月前
|
NoSQL 应用服务中间件 PHP
布谷一对一直播源码android版环境配置流程及功能明细
部署需基于 CentOS 7.9 系统,硬盘不低于 40G,使用宝塔面板安装环境,包括 PHP 7.3(含 Redis、Fileinfo 扩展)、Nginx、MySQL 5.6、Redis 和最新 Composer。Swoole 扩展需按步骤配置。2021.08.05 后部署需将站点目录设为 public 并用 ThinkPHP 伪静态。开发环境建议 Windows 操作系统与最新 Android Studio,基础配置涉及 APP 名称修改、接口域名更换、包名调整及第三方登录分享(如 QQ、微信)的配置,同时需完成阿里云与腾讯云相关设置。
|
人工智能 自然语言处理 API
用自然语言控制电脑,字节跳动开源 UI-TARS 的桌面版应用!内附详细的安装和配置教程
UI-TARS Desktop 是一款基于视觉语言模型的 GUI 代理应用,支持通过自然语言控制电脑操作,提供跨平台支持、实时反馈和精准的鼠标键盘控制。
5036 17
用自然语言控制电脑,字节跳动开源 UI-TARS 的桌面版应用!内附详细的安装和配置教程
|
12月前
|
监控 Shell Linux
Android调试终极指南:ADB安装+多设备连接+ANR日志抓取全流程解析,覆盖环境变量配置/多设备调试/ANR日志分析全流程,附Win/Mac/Linux三平台解决方案
ADB(Android Debug Bridge)是安卓开发中的重要工具,用于连接电脑与安卓设备,实现文件传输、应用管理、日志抓取等功能。本文介绍了 ADB 的基本概念、安装配置及常用命令。包括:1) 基本命令如 `adb version` 和 `adb devices`;2) 权限操作如 `adb root` 和 `adb shell`;3) APK 操作如安装、卸载应用;4) 文件传输如 `adb push` 和 `adb pull`;5) 日志记录如 `adb logcat`;6) 系统信息获取如屏幕截图和录屏。通过这些功能,用户可高效调试和管理安卓设备。
|
Dart 前端开发 Android开发
【09】flutter首页进行了完善-采用android studio 进行真机调试开发-增加了直播间列表和短视频人物列表-增加了用户中心-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
【09】flutter首页进行了完善-采用android studio 进行真机调试开发-增加了直播间列表和短视频人物列表-增加了用户中心-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
420 4
【09】flutter首页进行了完善-采用android studio 进行真机调试开发-增加了直播间列表和短视频人物列表-增加了用户中心-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex

热门文章

最新文章