《iOS应用软件设计之道》—— 2.9 画交互过程草图

简介:

本节书摘来自华章出版社《iOS应用软件设计之道》一 书中的第2章,第2.1节,作者:(美)William Van Hecke ,更多章节内容可以访问云栖社区“华章计算机”公众号查看。

2.9 画交互过程草图

有时你不仅需要描述静态画面,还要表现人们如何与此画面交互。按动这个按钮,会弹出这个框图。点这个单元格,会进入下一层,等等。这种从一个状态移动到下个状态对软件设计而言,其重要性至少不亚于单独的各个状态(而且当你在指望别人完成此工程工作时,将此明确化,就更
重要了)。
可以使用特定注释来标明有人在操作你的应用软件时,按某个特定步骤操作时应用软件的表现形式。每步交互都有自己的框图,就像是在故事板或滑稽书里那样。在草图里显示每步点击了什么,或者屏幕上做了什么手势。将各画面用箭头线连接起来,表示前后的转换关系。某处有个判断点时,可以画个分支路线。如果你愿意,可以只画每个画面有关的部分,只要其余部分便于其他人理解即可。图2.4给出了SnackLog里主要交互过程的草图。
screenshot

下面是一些要画出草图的若干交互过程:
当触击(或者触摸并按住、拖动、滑动、双击或者点击后等待再点击)屏幕上某物件时会发生什么事?
在一个庞大的层次导航视图里,如何从顶层画面到达指定画面?
情景菜单(带有可用命令的小黑块)何时出现在一个物件上?
用户如何在应用软件相关的网站上创建一个账号?(如果已经有了账号,如何关联到这个账号?)
这些草图有助于你理解交互过程是否顺畅,是否合理,用户会不会想到这样去交互。如果你要画14步草图——包括滚动到几页长屏幕的底部——为了描述某个常见或基本的任务,就要重新考虑这个交互过程。相反,倘若某个动作要删除数据,或者只要一步就能带来让人恼怒的后果,出于善意考虑,还是向用户多确认吧。

相关文章
|
存储 安全 IDE
android studio 输出apk过程,apk中的文件格式(bsh文件,dex文件),JVM、DVM、ART的区别,IOS与安卓的区别,ART和Dalvi
android studio 输出apk过程,apk中的文件格式(bsh文件,dex文件),JVM、DVM、ART的区别,IOS与安卓的区别,ART和Dalvi
288 0
android studio 输出apk过程,apk中的文件格式(bsh文件,dex文件),JVM、DVM、ART的区别,IOS与安卓的区别,ART和Dalvi
|
移动开发 JavaScript weex
weex-自定义module,实现weex在iOS的本地化,js之间互相跳转,交互,传值(iOS接入weex的最佳方式)
weex-自定义module,实现weex在iOS的本地化,js之间互相跳转,交互,传值(iOS接入weex的最佳方式)
274 0
|
Web App开发 数据安全/隐私保护 Android开发
HBuilder包装iOS APP上App Store的详细过程
HBuilder包装iOS APP上App Store的详细过程
|
iOS开发
iOS自动化真机测试验证环境过程中常见问题解析
iOS自动化真机测试验证环境过程中常见问题解析
|
移动开发 JavaScript Android开发
h5(vue)嵌套ios和android双向交互
h5(vue)嵌套ios和android双向交互
513 0
h5(vue)嵌套ios和android双向交互
iOS自动化真机测试验证环境过程中常见问题解析
本章节主要讲解 iOS 自动化真机配置以及在 iOS 真机执行自动化时常见问题与解决方法。 ## 真机使用的Capability 与模拟器不同,真机测试需要如下的 Capability 方式一:设置 App 路径,启动 App(自动安装 App) ``` { "app": "/Users/seveniruby/Library/Developer/Xcode/DerivedData/UI
|
存储 缓存 Java
Android 和 iOS 孰优孰劣:真实应用开发过程告诉你答案
随便搜索一下“Android vs. iOS”,都会出现很多关于哪个平台更好的争论,大多数的争论点都是关于市场占有率、易用性和设备分化等问题。当然也有一些“以开发者的角度”去比较这两个平台的文章,但是很少有从技术上做深入的比较,通常也只是用一个简单的示例应用介绍一些基本的特性。缺少这种深入的比较其实是有原因的:一个公司要做一个足够复杂的移动应用,通常需要一个人或团队做Android,另外一个人或团队做iOS。这两个平台使用不同的编程语言(Java和Objective-C),提供不同的SDK,使用不同的开发工具,所以人力资源分配上各做各的平台也就不奇怪了。
544 0
Android 和 iOS 孰优孰劣:真实应用开发过程告诉你答案
|
图形学 iOS开发 开发者
Unity 之 接入IOS内购过程解析
看完此文章你可以了解IOS内购接入全过程,可以学习到Unity从零接入内购功能
1440 0
Unity 之 接入IOS内购过程解析
|
容器
iOS11新特性:新增拖拽交互体验(三)
iOS11新特性:新增拖拽交互体验
602 0
iOS11新特性:新增拖拽交互体验(三)
|
iOS开发 开发者
iOS11新特性:新增拖拽交互体验(一)
iOS11新特性:新增拖拽交互体验
601 0
iOS11新特性:新增拖拽交互体验(一)

热门文章

最新文章

  • 1
    【03】仿站技术之python技术,看完学会再也不用去购买收费工具了-修改整体页面做好安卓下载发给客户-并且开始提交网站公安备案-作为APP下载落地页文娱产品一定要备案-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
  • 2
    【02】仿站技术之python技术,看完学会再也不用去购买收费工具了-本次找了小影-感觉页面很好看-本次是爬取vue需要用到Puppeteer库用node.js扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
  • 3
    Cellebrite UFED 4PC 7.71 (Windows) - Android 和 iOS 移动设备取证软件
  • 4
    【01】仿站技术之python技术,看完学会再也不用去购买收费工具了-用python扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-客户的麻将软件需要下载落地页并且要做搜索引擎推广-本文用python语言快速开发爬取落地页下载-优雅草卓伊凡
  • 5
    【01】噩梦终结flutter配安卓android鸿蒙harmonyOS 以及next调试环境配鸿蒙和ios真机调试环境-flutter项目安卓环境配置-gradle-agp-ndkVersion模拟器运行真机测试环境-本地环境搭建-如何快速搭建android本地运行环境-优雅草卓伊凡-很多人在这步就被难倒了
  • 6
    iOS8 中无需开源库的内置功能一览
  • 7
    iOS7应用开发7:自定义视图、手势操作
  • 8
    IOS小工具以及精彩的博客
  • 9
    Facebook SDK(iOS)初学讲解
  • 10
    iOS - Swift NSPoint 位置
  • 1
    【01】噩梦终结flutter配安卓android鸿蒙harmonyOS 以及next调试环境配鸿蒙和ios真机调试环境-flutter项目安卓环境配置-gradle-agp-ndkVersion模拟器运行真机测试环境-本地环境搭建-如何快速搭建android本地运行环境-优雅草卓伊凡-很多人在这步就被难倒了
    14
  • 2
    Cellebrite UFED 4PC 7.71 (Windows) - Android 和 iOS 移动设备取证软件
    28
  • 3
    【03】仿站技术之python技术,看完学会再也不用去购买收费工具了-修改整体页面做好安卓下载发给客户-并且开始提交网站公安备案-作为APP下载落地页文娱产品一定要备案-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
    34
  • 4
    【02】仿站技术之python技术,看完学会再也不用去购买收费工具了-本次找了小影-感觉页面很好看-本次是爬取vue需要用到Puppeteer库用node.js扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
    29
  • 5
    【01】仿站技术之python技术,看完学会再也不用去购买收费工具了-用python扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-客户的麻将软件需要下载落地页并且要做搜索引擎推广-本文用python语言快速开发爬取落地页下载-优雅草卓伊凡
    23
  • 6
    uniapp开发ios打包Error code = -5000 Error message: Error: certificate file(p12) import failed!报错问题如何解决
    143
  • 7
    【05】2025年1月首发完整版-篇幅较长-苹果app如何上架到app store完整流程·不借助第三方上架工具的情况下无需花钱但需仔细学习-优雅草央千澈详解关于APP签名以及分发-们最关心的一篇来了-IOS上架app
    235
  • 8
    app开发之安卓Android+苹果ios打包所有权限对应解释列表【长期更新】-以及默认打包自动添加权限列表和简化后的基本打包权限列表以uniapp为例-优雅草央千澈
    90
  • 9
    深入探索iOS开发中的SwiftUI框架
    145
  • 10
    ios样式开关按钮jQuery插件
    60