折叠屏多任务设计要求有哪些?_触摸显示屏_LCD黑白屏_笔段式液晶
2020-04-23

前言


组合页面设计是将原先两个或多个页面的内容,合并到一个新页面中以分栏或其他形式呈现出来,形成跨页面的交互,从而在适合的场景下构建出新的页面组合样式和新的用户体验。
深圳触摸显示屏


除了在此之前,阐述的针对单页面内的动态布局方式外,其实还可以利用组合页面设计。组合页面设计让布局设计更加生动有趣,淡化单调的设计,赋予页面更强的生命力。一起来看看规范的详细内容吧~


组合页面设计

不管是哪种折叠方式,对用户来说是新增了一块可折叠的屏幕,而这新增的屏幕使得1+1大于2,手机能变换为平板。UX设计师首先需要思考折叠屏在展开态不仅可以在单页面内呈现更多的内容,还可以将不同页面的内容同时显示,为用户创造新的操作体验。

1.1组合页面关系类型深圳触摸显示屏

当应用中的两个页面间有相互直接的关联关系时,可以考虑采用组合页面的方式提供更好的体验。组合页面之间的关系类型直接影响着如何对页面信息进行组合呈现,应用需要根据每种不同的关系类型,选择合适的信息架构样式。

组合页面之间有如下三种关系类型:

层级关系

主从关系

并列关系

1.1.1层级关系

层级关系有多层级和单一层级两种。深圳触摸显示屏

1.多层级

多层级关系有完整的多层结构,例如复杂的系统设置菜单,海量内容(如综合电商的商品,视频、图片或音乐的媒体资源,新闻网站的海量新闻)的门户及多级分类子页面。

此类型的交互逻辑特点:

除了第一级的基础分类以外,下属各级分类也以列表形式呈现。

末级列表页面中的元素为最小内容元素,如单个商品,单个媒体素材,单条新闻等。深圳触摸显示屏


信息架构设计要求:
需要同时满足“用户可感知当前的所处位置”以及“需要时可以找到想要的内容”两个条件。
为了达成“用户可感知当前位置”的要求,避免用户的迷失感,页面组合中左侧页面需固定显示根列表,用户随时可以通过对左侧的操作,重新回到一级子列表中;也可以通过选择一级列表中的分支入口,快速进入另一个一级分支。
页面组合中右侧页面的操作可以保持普通手机的“层层深入”,并借助返回操作“层层退出”的导航定义。
为了达成“需要时可找到”的要求,建议保持固定的搜索入口在屏幕的固定位置,帮助用户随时找到自己所需的元素或分类。
2.单一层级
单一层级结构一般以“列表+详情”形式呈现,列表中的每个元素都是末端元素,元素中没有二级分类列表。例如邮件、信息、备忘录等内容型元素的列表。深圳触摸显示屏
此类型的交互逻辑特点:
列表中只存在单独的元素,没有子列表,左右两侧内容属性固定,较少用户迷失。
点击左侧中某一个条目,右侧打开对应的详情内容。
用户可以借助在左侧列表中点击任意一个条目,在右侧快速打开对应的详情内容,实现内容快速切换。
层级递进关系的信息架构采用分栏布局样式:

(1)分栏左侧的列表形式是信息架构概念上的列表,可以是普通的文字列表,也可以是宫格、瀑布流等适合于复合媒体元素的列表。
(2)为了保证分栏左右两侧内容呈现的均衡,页面的分割线位置可以由系统或应用进行规范化定义(例如纯文字类型的分栏左右页面宽度比例设为4:6,或采用栅格布局系统在8栅格下采用3:5的比例)。
1.1.2主从关系
在主从关系类型中,一侧主导页面为沉浸式场景;辅助页面在另一侧,呈现评论、互动讨论、参考信息等相关内容。可根据沉浸内容情况分为左右或上下的组合页面结构。
此类型的交互逻辑特点:
两部分之间相互独立,且有明显的主从关系。深圳触摸显示屏

辅助侧依赖主导侧存在,如果主导侧关闭或切换,辅助侧页面不能单独存在,需同步关闭或切换。

主导侧的内容呈现,没有受到打扰和中断,持续保持最佳的沉浸状态。

辅助侧的内容用户可以进行滚动浏览,适合于信息流数据,用户可参与互动。

主从关系的信息架构样式主要有如下几种,应用可根据具体场景进行选择:

1.并列分栏

主要和辅助部分并列显示,可单独进行滚动查阅。从属部分依赖于主导部分存在。深圳触摸显示屏


2.悬浮窗面板


悬浮面板
3.侧边栏

从属信息默认以侧边栏形式显示,通过界面比例和视觉效果表现从属关系,不影响主要信息的展示,同时能快速浏览或操作从属信息。深圳触摸显示屏


4.推挤




应用示例深圳触摸显示屏

小视频类应用,左侧为视频播放页面,点击视频作者头像,打开视频作者的个人主页,左侧视频播放页面为主导页面,右侧的作者主页为左侧视频的辅助页面。



1.1.3并列关系

在某些情况下,用户需要对同类型的两个内容进行对比。该类型的关系,两页面为同类型内容,地位平等。并列关系的信息架构样式主要有如下几种,应用可根据具体场景进行选择:


应用示例:
购物应用中,下单前对两个相似商品的情况进行详细的对比。在现有的普通手机上,用户需要退出A商品详情,经过多步操作后才能切换到B商品的详情,通过记忆进行详情对比。整个对比过程增加用户记忆成本,同时,图片效果对比不直观。因此,并列对比类型的页面组合关系方便用户对两个商品的信息内容进行更详细的比对。深圳触摸显示屏

在这种组合页面下,左右两页面为同类型内容,地位平等,相互间无主次和从属关系,因此页面分割比例应为1:1。





应用内多任务

对于业务复杂,结构复杂的平台型应用,在应用内存在多个相互独立的持续性进程需要同时进行,若按照既有用户操作方式,强制中断前一个任务,跳转到第二个任务中;或维持在第一个任务中,对第二个任务的通知置之不理,两种方式都不算是最佳的体验。因此,应用需要一种应用内多任务并行以及各任务间灵活切换的机制来帮助用户。

此类型的交互逻辑特点:
页面两侧类似于系统级的跨应用多窗口,两侧之间没有直接的关联,用户需要的只是两个部分可以同时运行。深圳触摸显示屏

减少了单页面模式中必须要退到应用的主界面才能切换到另一个任务的多步操作,也避免了切换过程中的任务中断。

这种类型的场景也适合于应用内的窗口化操作,如以悬浮窗的方式呈现其中一个任务界面。深圳触摸显示屏

该类型适合于采用多窗口的样式来实现,对持续播放类的媒体内容,建议可以考虑悬浮窗形式,对于多于两个应用内任务之间的切换,可以考虑构建悬浮球形式来辅助实现。
为了保证应用内多任务给用户带来好的体验,应用需在设计中满足以下基本要求:
应用内多任务必须是基于用户在具体场景下的需要来构建。

需要向用户提供易理解、易操作的形式。深圳触摸显示屏

相对于单任务形式来说,多任务形式的交互相对复杂,如果由应用代替用户去启动多任务模式,用户对状态的掌控感受到挑战,同时也容易产生迷失感,不符合用户的直观预期,因此,一般情况下由用户来主动触发和进入多任务状态,同时用户也应有能力控制主动退出或不进入此种状态。仅在用户有明确预期或诉求的情况下可以由应用主动触发进入多任务。

今天所讲解的组合页面设计布局是经过时间洗炼的经典设计,挑选合适的设计趋势与这些布局结合起来,常常能够带来不错的效果。



·END· 



深圳触摸显示屏,LCD黑白屏,笔段式液晶,单色屏,深圳华之晶



我们为您工作

自由咨询
如果您有任何疑问或建议,请给我们留言,我们将尽快回复您!
标准或自定义 lcd 显示模块,什么更适合您的项目?

联系人:尹小姐 :

欢迎光临华之晶
如果您有任何疑问或建议,请给我们留言,我们将尽快回复您!

首页

产品

关于

联系