Web界面设计基本原则 ·5.兼顾不同的浏览器 口不同浏览器类别和版本在功能支持上有所区别 n ork Cime Figure 4:Summary Thumbnails can be adapted to arbitrary screen and font sizes.Here the same web page is shown on mockups of different devices. 山东方图 SHANDONG UNIVERSETY
Web界面设计基本原则 ◼ 5．兼顾不同的浏览器 ❑ 不同浏览器类别和版本在功能支持上有所区别
Web界面设计基本原则 ·6.明确的导航设计 网站首页导航应尽量展现整个网站的架构和内容；另外导航 要能让浏览者确切地知道自己在整个网站中的位置，可以确 定下一步的浏览去向。 数字上古秘 导 物馆 山求水器 SHANDONG UNIVERSETY
Web界面设计基本原则 ◼ 6．明确的导航设计 ❑ 网站首页导航应尽量展现整个网站的架构和内容；另外导航 要能让浏览者确切地知道自己在整个网站中的位置，可以确 定下一步的浏览去向
实例 【有机原料】 二甲基海因 氟乙醇 氟苯 三氯乙酸 灾难性目录 硫围酸钙 草酸 偶氮化合物 酷酸衍生物 砜 有机溶剂 其它有机中间体 合成材料中间体 染料中间体 医药中间体 农药中间体 其它有机化工原料 口找"苯甲酸苄酯 有机酸盐 胺 酚 硝基物 酐 塱 酯 羧酸 醇 醛 杂环 芳烃 烯烃 快烃 异佛尔酮 乙缩壁 无水乙醚 四氯化碳 三氯乙烯 甲苯 混苯 二氯甲烷 二甲苯 丙酮 2-氯-2甲基丙烷 1,4-二氧六环 肟哚醌 均苯四甲酸二酐 间苯二甲酸5磺酸钠 -溴丁酸 2溴丁酸 异丙基氯甲基碳酸酯 四甲基瓢 三聚乙醛 三甲胺盐酸盐 氰乙酰胺 甲基丙烯酸羟乙酯 甲基丙稀酸羟丙酯 甲醇 B溴苯乙烷 4,4华联苯二酚 2羟基联苯 麝香 乙酰丙酸 松香 氯乙酸乙酯 邻甲氧基苯甲醛 邻甲基苯甲醚 二苯甲酮 苯乙酰氟 苯甲酸苄酯 苯甲醚 5甲基喹喔啉 2-甲氧基苯甲醛 噻吩-2,5-二羧酸 吲哚醌 原丙酸三乙酯 异烟酸乙酯 阳离子蓝SD-GRL阳离子金黄SD-GL 四氯嘧啶 水溶N甲基苄胺 氢化钠 琉酚乙醛 邻硝基对氯苯胺 邻硝基苯胺 邻氰基对硝基苯 胺 邻氯对硝基苯胺 扩散剂NNO 甲基磺酰氯 胡椒酸 红色基KD 分散黄114滤饼 分散红277滤饼 对溴氟苯 对氯苯甲腈 对氯苯磺酰氯 对甲基苯甲酰氯 对氟苯甲醛 对氨基甲苯邻磺酰苯胺 对氨基苯甲醚 大红色基LG 大红色基G 丙二醛乙缩醒 SHANDONG UNIVERSETY
实例 ◼ 灾难性目录 ❑ 找"苯甲酸苄酯
视觉搜索眼动模式 Hornof和Halverson提出的两种视觉搜索策略。圆圈表示用 户的注视点，圆圈的连线表示视线经过的路径。搜索整列由 6个group?组成，每个group包含五个搜索项。左图为无标签 (相当于无一级类目)时的混合搜索策略（12个注视点)， 右图为有标签时的层次搜索策略(7个注视点)。 VAF U儿 R人X CU T T溪 KUH HON 平0X MAT H LOT X3 GIK GW TET TOF PAV TOH MOP HEV ZAM FEX VUT HUF HAT VEL HIJ GOY CUR KAN 山求大器 SHANDONG UNIVERSETY
◼ 视觉搜索眼动模式 ❑ Hornof和Halverson提出的两种视觉搜索策略。圆圈表示用 户的注视点，圆圈的连线表示视线经过的路径。搜索整列由 6个group组成，每个group包含五个搜索项。左图为无标签 （相当于无一级类目）时的混合搜索策略（12个注视点）， 右图为有标签时的层次搜索策略（7个注视点）
Arts Home Regional Movies,Music,Television, Consumers, Homeowners,Family.... Asia,Europe,North America,... Business Kids and Teens Science Companies,Finance,Jobs, Computers,Entertainment,School,... Biology,Psychology.Physics. Computers News Shopping Internet,Hardware,Software Media,Newspapers,Current Events Autos.Clothing.Gifts.... ,目录设计 Games Recreation Society Board,Roleplaying,Video,... Food,Outdoors,Travel Issues,People,Religion,... Health Reference Sports Alternative,Fitness,Medicine, Education,Libraries.Maps,.. Basketball,Football,Soccer,... google directory的目录设计 Arts (30) Health (36) News (14) Science (12) Crafts Alternative Medicine Magazines Agriculture Photography Beauty Media Biology Television Fitness Online Environment Visual Arts Health Insurance Television Technology Business (57) Home (30) Recreation (37) Shopping (58) Financial Services Do-lt-Yourself Cars and Trucks Clothing Insurance Home Improvement Humor Furniture Manufacturing Personal Finance Outdoors Home and Garden Real Estate Pets Travel Jewelry Computer (32) Internet (21) Reference Education (26) Society (26) Games Directories Colleges and Universities Law Hardware Hosting Continuing Education Politics Multimedia Internet Marketing Languages Relationships Software Web Design and Development Vocational Education Religion and Spiritu alivedirectory.com的目录设计 SHANDONG UNIVERSETY
◼ 目录设计 alivedirectory.com的目录设计 google directory 的目录设计