找回密码
 加入怎通
查看: 131|回复: 2

分析类前台界面设计要点4:导航\引导性+鱼眼+网站地图(导航栏网页设计方案)

[复制链接]
我来看看 发表于 2023-03-10 04:52:53 | 显示全部楼层 |阅读模式
+ z- d; X, c8 P4 {/ F

引导性导航引导性导航适用于流程型任务,通过“Step by Step”的引导,帮助用户完成任务。如表单的填写等。示例:

2 f! D" \, z' j

鱼眼导航鱼眼导航是HCIL(人机交互实验室,UMIACS的下属实验室之一)的研究成果,因其形状类似鱼眼而得名,对于目标区域的选项会有像放大镜一样的效果。

! n d3 @, h& `) X; x$ B& T4 G

鱼眼菜单适用于类目较多的导航,可以起到缩小目标区域、快速定位的作用它通常可以有很酷的效果,具有强烈视觉冲击力,但导航中很少会出现这么多类目,如果生搬硬套的话,很容易成为华而不实的设计网站地图网站地图(Site Map)通过对网站内容进行组织归类,以一个扁平的页面呈现出网站的主要框架,一般包含主导航下的一级和二级菜单。

, s4 H( V7 y9 {$ R7 V5 ^

它能够让用户快速了解网站的内容与结构全局,同时也是对搜索引擎友好的表现,易于搜索引擎优化

H- q$ }0 G) l d9 @ b7 Q

网站地图的设计应该重视以下几点:分组归类:体现出菜单间的层级关系,而不是简单地堆砌和罗列,使网站结构更加清晰,有助于用户的理解和学习呈现的层级不宜过多,也不宜过少:一般呈现到主导航下的二级菜单,过多的层级会使网站地图过于复杂,而过少的层级起不到应该有的作用,没有存在的必要。

n) Y$ c2 p7 z% V, x/ G% w

采用文本链接方式:搜索引擎蜘蛛爬过的时候,一般优先抓取文本方式的内容,因此采用文本链接作为网站导航的主要方式,有利于搜索引擎优化,提高网站内容被搜索到的几率除了以上讲到的几种导航之外,还有推荐式导航、引导型导航等。

5 C- z3 |4 p6 Z' m f5 M1 | L ' M' o3 N) R# Y5 A( x9 Q- y# s5 {5 i8 m) [& n& n7 Q& { ' y4 o- ~' U" G/ l+ F5 M 7 A% d+ S3 _9 ]# H$ X. T
回复

使用道具 举报

洁@容~~~ 发表于 2026-02-06 03:11:58 | 显示全部楼层
刚好遇到类似问题,看完这个帖子心里有底了
回复 支持 反对

使用道具 举报

欣圣科技-周 发表于 2026-02-23 07:44:16 | 显示全部楼层
楼主太厉害了,整理得这么详细,必须支持
回复 支持 反对

使用道具 举报

    您需要登录后才可以回帖 登录 | 加入怎通

    本版积分规则

    QQ|手机版|小黑屋|网站地图|真牛社区 ( 苏ICP备2023040716号-2 )

    GMT+8, 2026-3-25 21:00 , Processed in 0.085582 second(s), 23 queries , Gzip On.

    免责声明:本站信息来自互联网,本站不对其内容真实性负责,如有侵权等情况请联系420897364#qq.com(把#换成@)删除。

    Powered by Discuz! X3.5

    快速回复 返回顶部 返回列表