快3回血-5分快3回血华为资深专家解读折叠屏组合页面设计

  • 时间:
  • 浏览:1
  • 来源:彩神快三APP

组合页面设计是将还还有一个 还还有一个 或多个页面快3回血-5分快3回血的内容,合并到还还有一个 新页面中以分栏或其他形式呈现快3回血-5分快3回血出来,形成跨页面的交互,从而在适合的场景下构建出新的页面组合样式和新的用户体验。  在此刚刚,软件绿色联盟可能性

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

  在此刚刚,软件绿色联盟可能性推出了折叠屏UX设计规范系列①、②,除了《折叠屏 ② |低再次出現,高留存的折叠屏单页面布局设计就该没人做!》阐述的针对单页面内的动态布局方式外,真是还还能不能 利用组合页面设计的构建方式。组合页面设计让布局设计更加生动有趣,淡化单调的设计,赋予页面更强的生命力。一齐来看看规范的完正内容吧~

  一 组合页面设计

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

  当应用中的还还有一个 页面间有相互直接的关联关系时,还能不能 考虑采用组合页面的方式提供更好的体验。组合页面之间的关系类型直接影响着怎么对页面信息进行组合呈现,应用还要根据每种不同的关系类型,选折 大约的信息架构样式。

  组合页面之间有如下這個生活关系类型:

  1. 层级关系

  2. 主从关系

  3. 并列关系

  1层级关系

  层级关系有多层级和单一层级這個生活。

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

  此类型的交互逻辑特点:

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

  · 末级列表页面中的元素为最小内容元素,如单个商品,单个媒体素材,单条新闻等。

信息分派要求:

  · 还要一齐满足“用户可感知当前的指在位置”以及“还要时还能不能 找到你要的内容”还还有一个 条件。

  · 为了达成“用户可感知当前位置”的要求,处快3回血-5分快3回血里用户的迷失感,页面组合中左侧页面需固定显示根列表,用户随时还能不能 通过对左侧的操作,重新回到一级子列表中;也还能不能 通过选折 一级列表中的分支入快3回血-5分快3回血口,快速进入还还有一个 一级分支。

  · 页面组合中右侧页面的操作还能不能 保持普通手机的“层层深入”,并借助返回操作“层层退出”的导航定义。

  · 为了达成“还要时可找到”的要求,建议保持固定的搜索入口在屏幕的固定位置,帮助用户随时找到其他人所需的元素或分类。

  单一层级

  单一层级底部形态一般以“列表+详情”形式呈现,列表中的每个元素都有 末端元素,元素中没人二级分类列表。之类邮件、信息、备忘录等内容型元素的列表。

  此类型的交互逻辑特点:

  · 列表中只指在单独的元素,没人子列表,左右两侧内容属性固定,较少用户迷失。

  · 点击左侧中某还还有一个 条目,右侧打开对应的详情内容。

  · 用户还能不能 借助在左侧列表中点击任意还还有一个 条目,在右侧快速打开对应的详情内容,实现内容快速切换。

  层级递进关系的信息架构样式

  层级递进关系的信息架构采用分栏布局样式。

  分栏左侧的列表形式是信息架构概念上的列表,还能不能 是普通的文字列表,也还能不能 是宫格、瀑布流等适合于复合媒体元素的列表。

  · 为了保证分栏左右两侧内容呈现的均衡,页面的分割线位置还能不能 由系统或应用进行规范化定义(之类纯文字类型的分栏左右页面深度图比例设为4:6,或采用栅格布局系统在8栅格下采用3:5的比例)。

  2主从关系

  在主从关系类型中,一侧主导页面为沉浸式场景;辅助页面在另一侧,呈现评论、互动讨论、参考信息等相关内容。可根据沉浸内容状况分为左右或上下的组合页面底部形态。

  此类型的交互逻辑特点:

  · 两每种之间相互独立,且有明显的主从关系。

  · 辅助侧依赖主导侧指在,可能性主导侧关闭或切换,辅助侧页面只能单独指在,需同步关闭或切换。

  · 主导侧的内容呈现,没人受到打扰和珍断,持续保持最佳的沉浸状况。

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

  主从关系的信息架构样式主要有如下几种,应用可根据具体场景进行选折 :并列分栏主要和辅助每种并列显示,可单独进行滚动查阅。从属每种依赖于主导每种指在。

  Fig并列分栏

  悬浮窗面板

  Fig悬浮面板

  侧边栏

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

  Fig侧边栏

  推挤

  Fig推挤

  应用示例

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

  3并列关系

  在其他状况下,用户还要对之类型的还还有一个 内容进行对比。该类型的关系,两页面为之类型内容,地位平等。

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

  相之类型内容的页面并列:两边有相同的页面布局、各段信息相互对应。

  不之类型的内容页面并列:两边页面布局和内容不同,但相互间有关联性。

  Fig 不之类型的内容页面并列两边页面布局和内容不同,但相互间有关联性

  应用示例

  购物应用中,下单前对还还有一个 之类商品的状况进行完正的对比。在现有的普通手机上,用户还要退出A商品详情,经过多步操作后不需要 切换到B商品的详情,通过记忆进行详情对比。整个对比过程增加用户记忆成本,一齐,图片效果对比不直观。刚刚 ,并列对比类型的页面组合关系方便用户对还还有一个 商品的信息内容进行更完正的比对。

  在這個组合页面下,左右两页面为之类型内容,地位平等,相互间无每种和从属关系,

  刚刚 页面分割比例应为1:1。

  Fig商品对比

  今天所讲解的哪些地方地方组合页面设计布局是经过时间洗炼的经典设计,选折 大约的设计趋势同哪些地方地方布局结合起来,常常不需要 带来不错的效果。以上内容为《折叠屏UX设计规范》中的组合页面设计规范相关的内容。后续亲戚我们都 还将推出各领域应用的场景设计案例等折叠屏适配系列文章,欢迎继续关注!

  Tips:目前华为DevEco云测平台已上线折叠屏远程调试功能,点击阅读原文即可使用。

(本内容属于网络转载,文中涉及图片等内容如有侵权,请联系编辑删除)