独立站导航栏的交互和视觉设计注意事项
发表于:2022-11-24 10:23:32浏览:18次TAG:
独立站的导航栏是卖家在有限的信息内向买家展示独立站产品和品牌调性的窗口,所以导航栏的交互和视觉设计要注意些什么?
1、导航栏交互设计
1)减少导航栏的学习成本
在一定程度上,导航栏可以刺激买家学习去思考下一个行动。对导航栏进行设计时,可以适当假设所用的对象是新买家或没有耐心的买家,尽量弱化导航所需学习的难度,第一时间满足买家的需求,不要让买家感觉复杂繁琐。
2)固定导航栏位置
在屏幕的可见范围内,随时都可以选择最上面的导航。不管买家向下翻动页面有多深,或者跳到站内其它页面,导航栏都可以保持在屏幕上方,以满足买家有针对性的需要。
3)可以添加搜索功能简化导航
搜索功能为买家提供快捷方式来查找自己想要的内容,节省访问的时间成本。
4)适当使用导航栏的广告位
导航栏中适当地加入广告位,不仅不会引起买家的反感,反而可以提高买家的使用体验。要注意设置买家感兴趣的内容,对图片、广告标题、广告描述等进行精心设计,吸引买家点击,提高转化率。
2、导航栏视觉设计
1)遵循颜色搭配的原则
导航栏需要结合主页整体色彩搭配,保证独立站的风格统一。导航栏采用深浅排列来区分导航栏和其它板块,同时,在使用色彩时应避免出现大面积亮化,这样会间接影响导航栏文字的可识别性。
2、通用功能图标化
图片在视觉上比文字更有震撼力,通过对具象事物的传递,使买家容易理解其意义。对买家而言,长时间独立购物习惯的培养,让买家建立起了固定的形象形象——抽象的文字认知,例如用放大镜来表示查询,用来代表账户的人,用提包或推车来表示购买商品。这样的内容可以通过图标展示,文字反而增加了时间。
以上就是小编整理的独立站导航栏的交互和视觉设计注意事项,希望对你有所帮助。
基本
文件
流程
错误
SQL
调试
- 请求信息 : 2024-11-24 05:08:47 HTTP/1.1 GET : http://xn.iwdd.cn/home/article/detail/id/3564.html
- 运行时间 : 0.082185s [ 吞吐率:12.17req/s ] 内存消耗:2,042.00kb 文件加载:151
- 查询信息 : 30 queries
- 缓存信息 : 16 reads,0 writes
- 会话信息 : SESSION_ID=831fe907c2153e776878384396d3c8d8
- CONNECT:[ UseTime:0.000511s ] mysql:host=127.0.0.1;port=3306;dbname=xn_iwdd_cn;charset=utf8mb4
- SHOW FULL COLUMNS FROM `cms_article` [ RunTime:0.000628s ]
- SELECT * FROM `cms_article` WHERE `id` = 3564 LIMIT 1 [ RunTime:0.000356s ]
- SHOW FULL COLUMNS FROM `cms_article_keywords` [ RunTime:0.000417s ]
- SELECT `i`.`aid`,`i`.`keywords_id`,`k`.`title` FROM `cms_article_keywords` `i` LEFT JOIN `cms_keywords` `k` ON `k`.`id`=`i`.`keywords_id` WHERE `i`.`aid` = '3564' AND `k`.`status` = '1' ORDER BY `i`.`create_time` ASC [ RunTime:0.000396s ]
- UPDATE `cms_article` SET `read` = `read` + 1 WHERE `id` = 3564 [ RunTime:0.004647s ]
- SHOW FULL COLUMNS FROM `cms_article_cate` [ RunTime:0.000615s ]
- SELECT * FROM `cms_article_cate` ORDER BY `sort` DESC [ RunTime:0.000305s ]
- SELECT COUNT(*) AS think_count FROM `cms_article` WHERE `cate_id` = 1 AND `status` = 1 LIMIT 1 [ RunTime:0.002074s ]
- SELECT COUNT(*) AS think_count FROM `cms_article` WHERE `cate_id` = 2 AND `status` = 1 LIMIT 1 [ RunTime:0.002027s ]
- SELECT COUNT(*) AS think_count FROM `cms_article` WHERE `cate_id` = 3 AND `status` = 1 LIMIT 1 [ RunTime:0.001846s ]
- SELECT COUNT(*) AS think_count FROM `cms_article` WHERE `cate_id` = 4 AND `status` = 1 LIMIT 1 [ RunTime:0.001762s ]
- SELECT COUNT(*) AS think_count FROM `cms_article` WHERE `cate_id` = 5 AND `status` = 1 LIMIT 1 [ RunTime:0.001688s ]
- SELECT COUNT(*) AS think_count FROM `cms_article` WHERE `cate_id` = 6 AND `status` = 1 LIMIT 1 [ RunTime:0.001624s ]
- SELECT COUNT(*) AS think_count FROM `cms_article` WHERE `cate_id` = 7 AND `status` = 1 LIMIT 1 [ RunTime:0.001716s ]
- SELECT COUNT(*) AS think_count FROM `cms_article` WHERE `cate_id` = 8 AND `status` = 1 LIMIT 1 [ RunTime:0.001726s ]
- SHOW FULL COLUMNS FROM `cms_keywords` [ RunTime:0.000488s ]
- SELECT * FROM `cms_keywords` WHERE `status` = 1 ORDER BY rand() , id desc LIMIT 20 [ RunTime:0.000376s ]
- SELECT `a`.`id`,`a`.`title`,`a`.`thumb`,`a`.`create_time`,`a`.`read`,`a`.`desc`,`f`.`filepath` FROM `cms_article` `a` LEFT JOIN `cms_file` `f` ON `a`.`thumb`=`f`.`id` WHERE `a`.`status` = '1' ORDER BY rand() , a.id desc LIMIT 10 [ RunTime:0.015190s ]
- SELECT `k`.`id`,`k`.`title` FROM `cms_article_keywords` `a` LEFT JOIN `cms_keywords` `k` ON `k`.`id`=`a`.`keywords_id` WHERE `a`.`aid` = '1685' AND `k`.`status` = '1' LIMIT 4 [ RunTime:0.000481s ]
- SELECT `k`.`id`,`k`.`title` FROM `cms_article_keywords` `a` LEFT JOIN `cms_keywords` `k` ON `k`.`id`=`a`.`keywords_id` WHERE `a`.`aid` = '4184' AND `k`.`status` = '1' LIMIT 4 [ RunTime:0.000274s ]
- SELECT `k`.`id`,`k`.`title` FROM `cms_article_keywords` `a` LEFT JOIN `cms_keywords` `k` ON `k`.`id`=`a`.`keywords_id` WHERE `a`.`aid` = '3753' AND `k`.`status` = '1' LIMIT 4 [ RunTime:0.000248s ]
- SELECT `k`.`id`,`k`.`title` FROM `cms_article_keywords` `a` LEFT JOIN `cms_keywords` `k` ON `k`.`id`=`a`.`keywords_id` WHERE `a`.`aid` = '1458' AND `k`.`status` = '1' LIMIT 4 [ RunTime:0.000252s ]
- SELECT `k`.`id`,`k`.`title` FROM `cms_article_keywords` `a` LEFT JOIN `cms_keywords` `k` ON `k`.`id`=`a`.`keywords_id` WHERE `a`.`aid` = '2448' AND `k`.`status` = '1' LIMIT 4 [ RunTime:0.000270s ]
- SELECT `k`.`id`,`k`.`title` FROM `cms_article_keywords` `a` LEFT JOIN `cms_keywords` `k` ON `k`.`id`=`a`.`keywords_id` WHERE `a`.`aid` = '3577' AND `k`.`status` = '1' LIMIT 4 [ RunTime:0.000240s ]
- SELECT `k`.`id`,`k`.`title` FROM `cms_article_keywords` `a` LEFT JOIN `cms_keywords` `k` ON `k`.`id`=`a`.`keywords_id` WHERE `a`.`aid` = '1070' AND `k`.`status` = '1' LIMIT 4 [ RunTime:0.000219s ]
- SELECT `k`.`id`,`k`.`title` FROM `cms_article_keywords` `a` LEFT JOIN `cms_keywords` `k` ON `k`.`id`=`a`.`keywords_id` WHERE `a`.`aid` = '1347' AND `k`.`status` = '1' LIMIT 4 [ RunTime:0.000229s ]
- SELECT `k`.`id`,`k`.`title` FROM `cms_article_keywords` `a` LEFT JOIN `cms_keywords` `k` ON `k`.`id`=`a`.`keywords_id` WHERE `a`.`aid` = '221' AND `k`.`status` = '1' LIMIT 4 [ RunTime:0.000243s ]
- SELECT `k`.`id`,`k`.`title` FROM `cms_article_keywords` `a` LEFT JOIN `cms_keywords` `k` ON `k`.`id`=`a`.`keywords_id` WHERE `a`.`aid` = '3302' AND `k`.`status` = '1' LIMIT 4 [ RunTime:0.000253s ]
- SHOW FULL COLUMNS FROM `cms_user_log` [ RunTime:0.000497s ]
- INSERT INTO `cms_user_log` SET `uid` = 0 , `nickname` = '游客' , `type` = 'view' , `title` = '查看' , `content` = '游客在2024-11-24 05:08:47查看了独立站导航栏的交互和视觉设计注意事项文章详情' , `param_id` = 3564 , `param` = '[]' , `module` = 'home' , `controller` = 'article' , `function` = 'detail' , `ip` = '18.217.4.250' , `create_time` = 1732396127 [ RunTime:0.004357s ]
0.089545s