你喜欢哪种UI模式?

简介:

小屏幕上UI设计是一种挑战。下面3种UI模型,你更喜欢哪个?

 

注:图中‘黄色’表示【待执行】,‘绿色’表示【已执行】

 

功能背景:

这是来自《移动护理》产品的一个最新功能,叫“等级护理计划与执行”

》运行于智能手机上,屏幕较小(以4.0寸为典型代表)

》每个病人,每天需要执行较多护理项目(10~20个)

》每个项目,都有频次(每天执行1~n次,n最多24)

 

设计考虑因素:

* 操作方便、快速(翻页、点击次数)

* 信息清晰、直观

 

请问,你会选择哪个模式?最好简述一下你的理由。

 















本文转自DavyYew 51CTO博客,原文链接:http://blog.51cto.com/davyyew/1212653 ,如需转载请自行联系原作者



相关文章
|
6月前
|
设计模式 编解码 API
Flutter UI设计模式与实现:深入探索与实践
【7月更文挑战第20天】Flutter以其独特的声明式UI模式和丰富的UI组件库,为移动应用开发提供了强大的支持。通过深入理解Flutter的UI设计模式和实现技巧,开发者可以构建出高性能、可维护性强的UI界面。同时,随着Flutter生态的不断完善和发展,相信未来Flutter将在移动应用开发领域发挥更加重要的作用。
HMI-34-【运动模式】实现运动模式的UI上电逻辑控制
今天这界面上没有实际的增加,仅仅是实把运动模式UI上电控制逻辑实现了一下,其实到这个模块的时候,就会发现之前在写舒适模式的时候的一些问题了,有好内容可以抽象出来了,不用每次都实现一遍了。不过现在还比较懒,还是先以实现为主,和面的内容放在优化里面。废话不多说,开始搞事情。不过为了吸你们开下去,现在把目前进度放在了。
|
Web App开发 测试技术
Chrome-headless 模式,没有UI界面的自动化UI测试
Chrome-headless 模式,没有UI界面的自动化UI测试
Chrome-headless 模式,没有UI界面的自动化UI测试
|
XML 前端开发 定位技术
Android MVVM框架使用(十三)UI更新 (App启动白屏优化、适配Android10.0深色模式)
Android MVVM框架使用(十三)UI更新 (App启动白屏优化、适配Android10.0深色模式)
420 0
|
存储 设计模式 测试技术
浅谈UI自动化必备的PO模式
PO模式的全名叫做page Object:页面-对象模式。简单的说就是:一个页面是一个类,元素在页面中,所以每个元素的定位信息是这个类中的一个变量;这个页面的常规业务操作是这个类中的一个个成员方法。PO模式是自动化测试框架中很重要的一种设计模式。
1356 1
浅谈UI自动化必备的PO模式
|
设计模式 JavaScript 前端开发
kendo-ui的MVVM模式
kendo-ui的MVVM模式