魔扣论坛

魔扣源码论坛业务
查看: 311|回复: 1

上海电子商务网站建设搜索框移动端设计技巧有哪些

[复制链接]
  • TA的每日心情
    无聊
    18 小时前
  • 签到天数: 2949 天

    [LV.Master]开坛老将

    7万

    主题

    227

    回帖

    27万

    积分

    管理员

    Rank: 30Rank: 30Rank: 30Rank: 30Rank: 30Rank: 30Rank: 30Rank: 30

    魔扣币
    745527
    贡献
    157859
    威望
    32799

    最佳新人活跃会员热心会员推广达人宣传达人突出贡献优秀版主荣誉管理论坛元老

    发表于 2018-7-20 09:30:00 | 显示全部楼层 |阅读模式
    魔扣币兑换比例:【 50以下 : ¥1 = 10 魔扣币 】丨【 50 - 100 :¥1 = 20 魔扣币】丨【 100以上:¥1 = 30 魔扣币 】

    本帖子中包含更多资源

    您需要 登录 才可以下载或查看,没有账号?立即注册

    x
    电子商务网站框架
                    上海电子商务网站建设搜索框移动端设计技巧有哪些?做网站不管是移动端还是电脑端,你都无法去卖一个用户找不到的产品,搜索是用户最基本的行为,同时也是构建一个可盈利的APP或网站的重要元素。在进行网站或者APP设计的时候,我们要最大限度的考虑用户的体验度,一个好的搜索框,会为此加分不少,那么该怎么才能设计好呢?让我们跟着seo实验室小编一起来看看吧!
    一、上海电子商务网站建设:搜索如何放置
    用户在寻找搜索的入口时通常是迅速且粗暴的。他们通常会浏览一个页面然后寻找能输入文字的框。
    目标:搜索框设计得明显可见且很容易识别。
    1、搜索区域放在明显的位置
    搜索是电商类app或网站的基础功能,需要放在显眼的位置,让用户很容易发现。搜索如果不放在显眼的位置,会给用户造成困惑,降低用户的效率。
    2、搜索功能隐藏在菜单选项后面
    电商类app应该将搜索放在主页的顶部(如果首页很长,搜索应当固定在顶部)。如果app的详细目录有很多,搜索区域应当放在默认位置,确保用户很容易找到且快速可以用。
    3、搜索框里带有放大镜icon
    上海电子商务网站建设,能够让用户有广泛共识的icon确实不多,放大镜就是其中的一个。用户甚至不需要有预置文字的提醒就可以知道放大镜是搜索的意思。
    使用最简单的放大镜icon图标就可以了,因为icon图片的细节并不能加快用户的识别:
    4、范围选择栏(只适用于iOS版本)
    在iOS中,搜索有相应的范围选择栏,用户可以迅速选择搜索的范围,比如明确的标准或分类。
    然而,最好是提高搜索结果的准确性,否则用户不需要设置搜索的范围。
    二、上海电子商务网站建设:解析搜索需求
    搜索使得用户做得更多,因为用户不仅要提出搜索需求,还要将问题输入相应位置。打字是容易出错并且耗费时间的行为(尤其是在手机屏幕上)。
    目标:尽量降低用户输入成本并迅速提供结果。
    自动推荐
    上海电子商务网站建设,普通用户是不了解查询公式的:如果他们在前几个列表中没有找到合适的结果,后来尝试的成功率就很低。事实上,他们常常就放弃了。自动推荐机制是基于用户的现有特征尝试去预测结果,从而帮助用户寻找到合适的结果。当完全自动的推荐结果奏效时,有助于用户准确表达搜索词条。
    自动推荐机制不在于提升搜索的速度,而在于引导用户,帮助他们构建他们的搜索词条。
    三、上海电子商务网站建设:搜索进展
    理想状态下,搜索结果应该实时显示,如果不能做到的话应该有一个适当的视觉反馈。但是请记得减慢加载时间会是用户产生困惑,甚至是流失。
    目标:努力使用户感知到的查找时间比实际时间要短。
    搜索占位符
    通常情况下,延迟0.1-1秒的时间是不需要给用户特殊的反馈的。但是如果搜索占用的时间更长,至少应该尽量将用户的等待做的更令用户满意。加载容器就显得重要了。
    懒加载
    懒加载是一种常见的技术,当一些结果已经展示出来的同时另一些内容正在加载。这种方式加载很快,因为部分产品是原先加载好的。
    对于懒加载的产品,最好是优先展示出产品的文字信息,这样缺乏耐心的用户可以通过文字先筛选出目标产品,无需等待所有图片加载完成。
    四、上海电子商务网站建设:搜索结果展示
    目标:确保搜索的结果是有用的。提高搜索进度,让用户始终感觉出在任务之中。
    优先展示关联度最高的结果
    在手机首屏展示的结果条数是有限的,所以要确保用户看到的是最相关的3-5个结果,然后在滑动查看其它的结果。
    筛选和分类
    在移动端电商的可用性研究中Baymard研究院注意到超过50%的用户都是在他们最近搜索过的分类路径中进行搜索,力图用搜索词条来筛选出所要的产品。然而,94%的移动端电商网站和app都不支持这种模式。
    当搜索出来的结果是不相关的或数量非常多的时候,用户会觉得不知所措。筛选和分类可以帮助用户缩小结果的范围,否则用户需要大量的滑动屏幕,或是需要在很小的屏幕上做分页处理。
    1、一定范围内的搜索
    这种做法的好处是鼓励用户在一定范围内搜索,而不是运用传统的筛选,这将会为用户带来前所未有的优质搜索结果。下图所示就是精心设计的范围内搜索。
    2、有用的“无查询结果”页面
    当用户在搜索过程中不可避免的会出现“无查询结果”的页面。如果设计得不好,对用户来说可能就是一个死胡同。
    3、以惠普为例,“无查询结果”页面对用户来说就是一个死胡同
    当用户的搜索没有相应的结果时,避免给用户造成走进死胡同的体验,为用户提供有价值的备选方案,比如相似分类的产品。为了更好的帮助用户,你可以使用“智能搜索”,矫正单复数或拼写等错误。
    五、上海电子商务网站建设:引导导航(产品分类)
    友好的分类菜单
    如果菜单和用户预期的不匹配,用户需要费很大力气去解析和辨别。分类菜单需要清晰且不重复。这是尤其重要的,因为当用户在经历了之前的困惑后,会将菜单作为最后的解决方案。
    总结
    考虑到现在30%的线上购物都是通过移动端手机,关于电商app和网站的赌注是前所未有的。你的app或网站应当适配所有类型的搜索,针对分类、产品和产品特性返回相关搜索结果。当移动端零售体验变得顺畅了,消费者将会在手机上不仅仅是搜索,更有可能购买产品。
    上海电子商务网站建设,关于搜索框设计的技巧,小编就解析到这,希望能为大家在进行建站的时候起到一定帮助作用。更多相关专业技术欢迎拨打进行详细的了解。
            相关阅读
    企业网站建设教程:自己怎么建网站
    当今网络时代,企业网站的重要性不言而言,很多在企业在阿里巴巴这些b2b平台都会有一个商铺,这些商铺会分配一个简单的网站暂时一些产
    上海长途汽车站客运站点及时刻表
    上海长途汽车客运站点一览表
                站点名            
                
                地址            
                
          
    怎么在Facebook上进行社会化电子商务?
    在我之前的文章3种社会化电子商务形态中,提到了f-commerce有可能会发展成一种独立的社会化电子商务形态,从2010年3月的宝洁的帮宝适
    如何规划网站建设内容
     网站建设的内容规划是规划网站需要什么样的内容,以及内容的组织和表达形式;这里的网站建设内容规划包括整体框架的规划,还包括导航
    8个超级简单的电子商务推广理念
    随着人们对电商兴趣的增长、各种技术的发展使得启动做电商的门槛几乎不存在。任何人都可以编辑产品,比如在阿里巴巴在线零售。那么

    该用户从未签到

    2

    主题

    261

    回帖

    525

    积分

    高级魔扣

    Rank: 4

    魔扣币
    262
    贡献
    262
    威望
    0
    发表于 2021-5-10 11:43:27 | 显示全部楼层
    我也顶起出售广告位
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    • 联系我们
    • 新浪微博 :
    • 在线客服 :魔扣科技 
    • 源码QQ群 :魔扣源码论坛官方总群
    • 联系邮箱 :charlin#morko.net
    • 微信扫一扫
    快速回复 返回顶部 返回列表