移动网站的导航设计_第1页
移动网站的导航设计_第2页
移动网站的导航设计_第3页
移动网站的导航设计_第4页
移动网站的导航设计_第5页
免费预览已结束，剩余4页可下载查看

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

移动网站的导航设计面。一个网站用户体验的优劣往往和导航的优劣有亲热的联系。设计有什么变化和设计要点呢，本文尝试做出一些争论。导航的目的指引系统。导航的使用目的归纳起来主要有以下几个方面：关的页面供给引导，便利用户找到所求。了整个网站的名目信息，用户可快速理解网站构造，对网站有整体的把握。与网站整体内容间关系，使用户了解当前页面和网站其它内容的联系和区分。导航变化的缘由〔设备的软、硬件差异〕、景〔使用情景和操作方式〕、事〔用户需求和使用目的〕差异。这些因素相互交织，对移动终端的导航设计有显著的影响。PC端到移动端网站导航设计的变化：一、常用导航类型变化和公用程序导航。依据《web导航设计》，三者的关系可描述如下：页内锚点导航等多种形式。PC端要少很多，主要有纵向导航、分类链接导航、Tab标签导航、相关导航等。下面就常用的移动网页的导航形式进展一些介绍：纵向导航PC站点的顶部横向导航和侧边栏导航在移动端通常转变为纵向导dellhp的移动版网站设计中，均承受这种转换方式，较好地完成了导航的迁移。分类链接导航分类链接导航“更多用户用手指进展操作。Tab标签导航Tab的应用，导航可以在有限的页面空主要功能。相关导航BBC闻均在阅读正文页供给了与当前内容相关的推举。页内锚点导航页内锚点导航是移动终端特有的导航方式之一，它可以使用户快速到达页面顶部、底部和相关板块。例如TOP，而谷歌闻则供给了不同板块之间快速跳转的锚点导航。面包屑导航处理策略屑上以“本文”或者“正文”表示。尽量掌握面包屑在一行之内显示。二、导航内容的组织、缩减和隐蔽组织与缩减导航再设计过程中，必定有导航信息的缩减和重组织。筛选的标准往往有：pv，uv等数据进展推断。与移动使用场景的契合度。例如拍照、语音等功能的入口。用户操作便利程度。PC〔〕，1777的原则。导航内容的隐蔽在导航内容重要性不分伯仲的状况下，常见的处理方式是将相对重要的内容呈现出来，而将其它内容放入“更多”，用户可以点击“更多”在当前页面开放或跳转至更多页面。三、导航样式的变化三、导航样式的变化利用系统特性变形常用的变形方式有：调用系统控件通过结合移动终端的控件特性，可以在较小的尺寸范围内完成导航的再设计。如上图cnet移动网站中，导航内搜寻框用搜寻按钮代替，二级工程改用下拉选择器，充分利用了移动端控件特性。利用系统交互特性Sevnthsin即可完成导航，进入该网站。动态效果的变化Web动态导航菜单也叫浮出菜单〔fly-outmenu〕或弹出菜单〔pop-upmenu〕，通常是鼠标悬停或者点PC上动态菜单一般为横向或者纵向开放。在移动端：1〕择每个子工程。22〕〔Accordion〕或者层级名目形式，通过点击开放二级工程。手风琴折叠的优点：不用跳转页面；缺点：次级展现内容有限；层级名目形

人人文库> 全部分类> 教育资料 > 辅导培训

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论