020-29815005
预约专线时间:09:00-23:59

APP设计培训如何提升页面的搜索体验

新闻来源:优漫教育 日期:2021-05-20
APP设计培训时在搜索期间需要显示什么?怎样帮助用户尽快找到所需?搜寻经验与其他经验有什么关系?在这里,设计师的想法很模糊。 这篇文章介绍了搜索设计需要了解的内容,以及在不同APP和情况下的搜索体验。

    一、APP设计未搜索体验。

    搜索引擎是产品的一个重要组成部分,不管使用哪一个App,我们都能很快找到搜索的功能。

    对于用户来说,APP设计培训将搜索作为功能入口和简单呈现方式非常重要。




    二、、有3种常见的APP搜索设计形式:

    最上面的搜索框

    图像(放大镜)搜索。

    底层搜索导航。

    底部导航>搜索框>图标,这取决于视觉和优先级。每一种形式的优点和缺点又分别在何时使用?


APP设计培训,APP设计


    三、APP设计搜索框。

    在应用程序主页的顶部通常会有一个很大的搜索框,方便用户查找和使用。

    一般由容器、预设文本、操作按钮组成搜索框。

    


    集装箱一般是用白色或灰色填料,内装预先设置的产品文案。不过,什么时候该用白色,什么时候用浅灰色呢?根据应用程序首页的背景颜色不同。

    总有一条设计原则是将容器的颜色与页面背景颜色进行对比。以谷歌地图和微信阅读为例,灰色背景中有白色搜索框,反之亦然。

 

    但也有例外,Airbnb有一个白色的搜索框放在白色的背景上。为什麽是设计的?由于其搜索框中有阴影,能够与背景进行区分,也是一个可行的设计方法。

  

    默认文本的作用是提示用户搜索哪些内容或搜索方向,告诉用户可以从搜索中获得什么信息。

    应用程序商店中,预设文字告诉用户可以搜索“游戏,应用程序,故事等等”,而Messenger只提供给用户一个功能性的入口。



    默认文本在内容浏览类App中是很常见的,它不仅能够显示出所拥有的内容类别,而且能够结合搜索趋势积极地促进热门内容。

    例如,微信的图书搜索框使用了最近流行的书籍作为预设文本,以增加内容曝光并吸引用户阅读。



    行动键虽然与搜寻有关,但放置位置并不固定。可以是搜索框内的或者搜索框的两边。

    哪一个图标/文字按钮可以帮助搜索?在搜索框中最常用的是语音输入功能和二维码图标。

    良好的APP设计培训的另一个关键是能够在视觉上区分与搜索相关的图标。


APP设计培训,APP设计


    1、搜索图标。

    假如一个产品想让用户专注于浏览内容,或者不需要经常使用搜索,那么它可以用图标的方式把搜索入口放在页面顶部。

    举例来说,Medium的用户通常只是漫无目的地浏览内容,而不会搜索特定的主题;Facebook的用户通常只是浏览好友的帖子,很少搜索内容。



    2、底部搜索式导航。

    相对于前两种方式,底部搜索导航与用户距离最近,同时也被赋予了更多的功能,可以更方便地找到目标。

    UberEats通过对主页进行分类和过滤,帮助用户对感兴趣的餐馆进行分类,并以底部导航的第二个标签来进行搜索,这样用户可以持续查看和探索新的餐馆。

    Tiktok还将搜索入口放在了第二导航栏,一个完整的首页有助于给浏览视频的用户提供一种沉浸式体验。