人机交互 移动界面比较举例

本文对比了苹果、安卓和WindowsPhone在移动界面设计上的差异,包括导航栏、UI设计、单条item操作、实体键和浮窗设计等。并分析了学习强国、百度APP和天天P图的设计特点。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

  1. 移动界面比较举例

苹果手机、安卓手机、Windows Phone手机在移动界面设计要素上的区别;
导航栏

苹果的Tab放在页面底部,不能通过滑动来切换,只能点击。也有放在上面的,也不能滑动,但有些Tab本身可以滑动,比如天猫的。还有新闻类的应用。
Android一般放在页面顶端,可以通过滑动页面来切换Tab,当然Tab可以点击切换,Tab多的话,Tab本身也可以滑动。比如豌豆荚,百度贴吧,QQ。总之,Android啥都可以有。
UI设计比如现在通常设计的尺寸对比如下:
苹果:设计风格简洁 android:设计相对开放,华丽和方便日常使用 Windows Phone开始界面的颜色主题具有多样性


单条item的操作
苹果单条item的操作有两种,点击和滑动,点击一般进入一个新的页面,滑动会出现对这条item的一些常用操作,如微信里滑动一条对话,会出现标记未读和删除。
Android中,单条item的操作也有两种,点击和长按,点击一般进入一个新的页面。长按进入一个编辑模式,可以在里面进行批量和其他一个操作,比如删除,顶置等等。比如小米的短信页面;长按也可以弹出情境操作栏dialog,进行操作,比如Android版的微信。
实体键
苹果只有一个实体键(音量,电源不算哈),home键,这个键有这么几个功能:
按一次,回到桌面。
双击,出现多任务界面、苹果8里面,轻触两下Home键,调出单手模式指纹解锁
Android有四个实体键(现在很多被屏幕上的虚拟键代替,但功效是一样的)4.4一下的分别是back键,home键,menu键,和搜索键。4.4及以上,是back键,home键,多任务键。Android原生是这样,经过优化的Android就不一定了,比如魅族的smart bar,根据当前页面情景变化,不过蛮好用。
Android的back键,在大部分情况下,和页面上的返回功效一样。不过,Android的back键可以在应用件切换,还可以返回主屏幕。这个苹果里面的键不能在应用间直接切换。
浮窗设计元素不一样
Android里可以看到各种浮窗,流量,清理内存等等。苹果暂时还不支持这样的浮窗。越狱的貌似可以。
苹果和Android的UI区别七:图标尺寸和命名规范不一样

学习强国界面流畅、栏目清晰、操作便捷,主题色彩充满爱国党性色彩内容丰富、形式新颖、有学习动力、不乏味是许多用户的回馈。积分制激发用户积极性,当你学习了最上面的积分会增加。

 

百度APP

优点

内容丰富,界面清晰,

智能搜索,易于检索,搜索历史、搜索建议为您简化输入操作,搜索信息更快捷。
语音搜索\语音播报
精准识别高效搜索,最懂中文的语音识别,更人性化的搜索设计让用户解放双手,中文识别准确率高;支持语音指令获取天气、音乐、儿童故事,资讯信息随时畅听。
图像搜索
拍张照片就能搜索,识别明星脸、动植物品种、图书信息、中英互译、作业难题都不在话下,准确率高达。
个性化资讯
结合用户阅读习惯和搜索行为,为用户推荐更优质、更符合兴趣点的热门资讯,从一搜得到不搜即得的演变中轻松获得感兴趣的内容。
夜间模式
安卓手机全局夜间模式,省电护眼,夜间阅读不疲劳。
缺点:

搜索页面前几条都是广告

 天天p图

天天P图和整个界面的美观性,采取的两端对齐则给用户一种视觉上的舒适感。
在贴图功能模块更多的考虑到了用户的使用便利

 

反例:

哔哩哔哩移动端,例如播放横屏竖屏设置播放的功能不同,不以查找和对更大部分人群使用

时间流APP 记录时间去哪的软件

添加新的记录时页面比较生硬,当添加时间过多时,手机屏幕大小有限,显得密密麻麻

墨墨单词

交互性不好,只有背完单词才能看你的打卡情况。部分功能受等级限制

 

### ESP32人机交互界面设计 #### 设计思路与实现方法 对于ESP32的人机交互界面(HMI),通常采用串口通信(UART)[^2] 或者无线连接方式如Wi-Fi或BLE (Bluetooth Low Energy) 来建立设备与外部世界的联系。具体到HMI的设计,主要考虑以下几个方面: - **硬件准备** 需要准备好支持相应接口的外设模块以及必要的连线材料。 - **软件框架构建** 使用Arduino IDE完成基础环境设置并安装所需库文件[^1]。针对不同类型的输入输出需求编写相应的程序逻辑来响应用户的操作指令。 - **数据传输协议定义** 明确主机端发送给ESP32的数据包结构及其含义;同样也要规定好从ESP32返回的信息格式以便于解析处理。 - **前端展示层开发** 如果涉及到移动应用,则可能需要用到特定平台上的SDK进行图形化界面编程工作。例如,在案例中提到利用微信小程序作为远程控制器的一部分[^3]。 #### 实际应用场景举例 以一个简单的温度监控项目为例说明整个流程: ```cpp // 定义引脚编号用于读取传感器数值 const int sensorPin = 4; void setup() { Serial.begin(115200); // 初始化UART波特率 } void loop() { float temperature = analogRead(sensorPin)*0.305; // 假定ADC转换比例因子为0.305 String message="Temperature:"+String(temperature)+"°C"; if(Serial.available()>0){ char receivedChar=Serial.read(); switch(receivedChar){ case 'g': // 当接收到字符'g',表示请求获取当前温湿度信息 Serial.println(message); break; default: break; } } } ``` 此段代码展示了如何通过串行通讯接收来自PC或其他终端发出的命令,并据此反馈实时测量得到的结果。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值