超越按钮,拥抱触摸界面

简介: 苹果iPhone手机的发布,可以说带来了一个全新的“触摸”时代。现如今,就连小孩子都能够非常自然的使用一些触摸设备,手机、iPad等等。父母们一定很惊奇孩子们能够如此快的学会这些设备的使用方式,从这一点来看触屏设备的界面和交互设计中隐藏着很多种可以让使用体验更加简单和有趣的要点。

苹果iPhone手机的发布,可以说带来了一个全新的“触摸”时代。现如今,就连小孩子都能够非常自然的使用一些触摸设备,手机、iPad等等。父母们一定很惊奇孩子们能够如此快的学会这些设备的使用方式,从这一点来看触屏设备的界面和交互设计中隐藏着很多种可以让使用体验更加简单和有趣的要点。
 
菜单栏和按钮的挑战
 
苹果发布的“ Human Interface Guidelines”以及苹果应用审核委员会,对数以万计的应用产生了重要的影响。它帮助众多的设计师和程序员理解了移动界面设计中的核心UI。例如苹果一直推荐的  UITabBar 和  UINavigationBar。然而实际上我们设计或制作的第一个应用可能并没有包含顶部或底部导航,手机屏幕的尺寸是如此珍贵,如果设计了顶部和底部导航,则会占据屏幕20%的内容。我们需要记住的一条原则是: 用尽可能多的空间展示内容
 
在这个充满创新的行业中,设计师需要时间去创造出更有创意、也更加原本的用户界面。也许正是苹果应用审核委员会的拒绝评语“ think out of the box”,才能激发出象  Clear 和  Rise 这样的应用,让我们看到触屏界面设计的一些希望。
 
 
手势驱动界面的威力
 
在两年以前,我在探索手势如何才能为移动应用用户界面带来价值时总结了一条规律,“ 手势的使用必须自然而然”。这也就是为什么 Loren Brichter的“ 向下拖动刷新”几乎成为了行业的一个标准。
 
清除UI障碍
 
开始设计一个更加手势驱动的界面,你面临的最大问题就是“ 不要总是觉得应该把一些导航元素弄成可见的”。相反,我们可以想象一个2-D或者3-D的屏幕空间,可以考虑将导航放在上、下、左、右任何一个位置,设计一个轻轻拖动或者扫过的手势,导航出现。以Facebook和Gmail的iOS版来说,我觉得最重要的一个特性就是“side-swing”菜单。这个UI概念非常易于使用。这样做的好处一方面在于能够让App的显示更加注重内容,另一方面也使得触发另外一个界面只需要一步或者两步操作就可以实现。
 
 
除了界面的导航,App中的内容有时也需要与用户进行互动。在所有内容下放摆放三个按钮,一定会将界面弄的混乱。这时才是使用手势的最佳时机。考虑一下双击屏幕或者长按屏幕。Instagram中,双击屏幕可以对一个内容进行Like或者Unlike。所以别再犹豫了,尽量的使用手势而不是传统的导航控件吧。
 
具有适应性的界面
 
对于一个创新的App来说,预测用户的行为通常是非常困难的。作者在做Belgium's Public Radio的时候,一直困惑于应该为用户提供什么样的界面,最终,决定提供三种不同的界面布局形式,而布局的调整可以通过拖动图标来实现。
 
 
仔细考虑时间、空间和动画
 
用户轻拍一个项目时会触发什么动作?如何对这个动作实现可视化?进入视窗的速度是多少?应该自动消失吗?
 
触摸设备的出现极大的改变了我们设计交互的方式,与传统的思考屏幕和页面的角度不同,我们需要更多的考虑时间、空间和动画这三者的结合。那么你一定会发现,设计并向同事展示这些交互概念,还采用传统的静态页面的方式已经远远不行了。一些原型工具,例如  Pop 和  Invision ,能够创作具有动态效果的原型。这样就非常容易来测试程序的流程,并且来 检验用户会卡在什么地方。这样做充满了实验主义和创新精神,在向客户进行展示时,不再使用传统的静态页面和简单导航,而是将客户邀请进来参与整个交互过程。这样做会增加预算、延长工期,但是如果客户允许你这么做,那一切都不是问题了。
 
 
学习曲线
 
在设计手势驱动的用户界面时,移走传统的导航元素,用户的学习曲线就会对应上升。如果没有适当的用户引导,很可能用户会茫然不知所措。一点小小的探索没有关系,但是必须让用户清楚从哪里开始。很多应用在第一次运行时都有一个介绍,我觉得开场的介绍应该只介绍哪些最重要的交互方式,不要所有的东西都进行解释,那多数用户都会跳过这个步骤。也可以采用另外一种方式进行引导,再用户第一次要用到某个特性的时候进行介绍,Youtube的应用中就有这样的例子。
 
 
Stop Talking,Start Making
 
参考资料:
 
相关文章
|
11天前
|
人工智能 自然语言处理 监控
OpenClaw skills重构量化交易逻辑:部署+AI全自动炒股指南(2026终极版)
2026年,AI Agent领域最震撼的突破来自OpenClaw(原Clawdbot)——这个能自主规划、执行任务的智能体,用50美元启动资金创造了48小时滚雪球至2980美元的奇迹,收益率高达5860%。其核心逻辑堪称教科书级:每10分钟扫描Polymarket近千个预测市场,借助Claude API深度推理,交叉验证NOAA天气数据、体育伤病报告、加密货币链上情绪等多维度信息,捕捉8%以上的定价偏差,再通过凯利准则将单仓位严格控制在总资金6%以内,实现低风险高频套利。
5449 48
|
29天前
|
人工智能 自然语言处理 Shell
🦞 如何在 OpenClaw (Clawdbot/Moltbot) 配置阿里云百炼 API
本教程指导用户在开源AI助手Clawdbot中集成阿里云百炼API,涵盖安装Clawdbot、获取百炼API Key、配置环境变量与模型参数、验证调用等完整流程,支持Qwen3-max thinking (Qwen3-Max-2026-01-23)/Qwen - Plus等主流模型,助力本地化智能自动化。
39921 156
🦞 如何在 OpenClaw (Clawdbot/Moltbot) 配置阿里云百炼 API
|
7天前
|
存储 人工智能 负载均衡
阿里云OpenClaw多Agent实战宝典:从极速部署到AI团队搭建,一个人=一支高效军团
在AI自动化时代,单一Agent的“全能模式”早已无法满足复杂任务需求——记忆臃肿导致响应迟缓、上下文污染引发逻辑冲突、无关信息加载造成Token浪费,这些痛点让OpenClaw的潜力大打折扣。而多Agent架构的出现,彻底改变了这一现状:通过“单Gateway+多分身”模式,让一个Bot在不同场景下切换独立“大脑”,如同组建一支分工明确的AI团队,实现创意、写作、编码、数据分析等任务的高效协同。
2016 25
|
3天前
|
人工智能 JavaScript API
2026年Windows系统本地部署OpenClaw指南:附阿里云简易部署OpenClaw方案,零技术基础也能玩转AI助手
在AI办公自动化全面普及的2026年,OpenClaw(原Clawdbot、Moltbot)凭借“自然语言指令操控、多任务自动化执行、多工具无缝集成”的核心优势,成为个人与轻量办公群体打造专属AI助手的首选。它彻底打破了传统AI“只会对话不会执行”的局限——“手”可读写本地文件、执行代码、操控命令行,“脚”能联网搜索、访问网页并分析内容,“大脑”则可灵活接入通义千问、OpenAI等云端API,或利用本地GPU运行模型,真正实现“聊天框里办大事”。
788 1
|
6天前
|
人工智能 自然语言处理 安全
2026年OpenClaw Skills安装指南:Top20必装清单+阿里云上部署实操(附代码命令)
OpenClaw(原Clawdbot)的强大之处,不仅在于其开源免费的AI执行引擎核心,更在于其庞大的Skills生态——截至2026年2月,官方技能市场ClawHub已收录1700+各类技能插件,覆盖办公自动化、智能交互、生活服务等全场景。但对新手而言,面对海量技能往往无从下手,盲目安装不仅导致功能冗余,还可能引发权限冲突与安全风险。
1035 7
|
24天前
|
人工智能 安全 机器人
OpenClaw(原 Clawdbot)钉钉对接保姆级教程 手把手教你打造自己的 AI 助手
OpenClaw(原Clawdbot)是一款开源本地AI助手,支持钉钉、飞书等多平台接入。本教程手把手指导Linux下部署与钉钉机器人对接,涵盖环境配置、模型选择(如Qwen)、权限设置及调试,助你快速打造私有、安全、高权限的专属AI助理。(239字)
9212 24
OpenClaw(原 Clawdbot)钉钉对接保姆级教程 手把手教你打造自己的 AI 助手
|
6天前
|
人工智能 自然语言处理 安全
2026年OpenClaw(Clawdbot)效率翻倍指南:部署+10个必备Skills,解锁AI生产力
很多用户部署OpenClaw(Clawdbot)后都会陷入“看似强大却不好用”的困境,核心原因在于没有搭配合适的Skills(技能插件)。OpenClaw本体就像一台高性能电脑,而Skills如同各类专业软件,只有装上必备技能,才能真正发挥其自动化办公、开发辅助、内容创作等全场景能力。
1020 6