当前位置:丝路教程网 > UI设计 > 移动UI >

APP新创意之搜索界面功能当中的交互设计

2016-12-05 16:08 来源: 丝路教程网 分类: 移动UI
191 作者:丝路教程网

[导读] 今天我们所要将的是APP设计和开发里面,最重要的一个模块,那就是搜索功能。这个需求点是大部分APP必备的功能点。你认可么?你了解么?如果有兴趣一起来学习一下啊。 最近,无意之

  今天我们所要将的是APP设计和开发里面,最重要的一个模块,那就是搜索功能。这个需求点是大部分APP必备的功能点。你认可么?你了解么?如果有兴趣一起来学习一下啊。

  最近,无意之间看到这样的一个APP展示动效,重点的看头在后面的那个搜索交互动效。非常的完美,这样的搜索才堪称完美的搜索。

  之间看APP 动效图吧!

app搜索交互动效欣赏
 

  APP搜索这块功能的界面图已经截屏下来啦。

APP搜索动效设计
 

  这样的APP搜索功能更加直观,根据自己的关键词就知道下面的商品是不是自己需要的。加载的非常流畅。

  比起现在最常见的APP搜索功能的体验度方面,大大的增强。下面就是我们最常见的APP搜索设计图:

天猫APP搜索框的设计图
 

  上图来源于天猫APP是搜索界面,涵盖的功能点有:

  1、关键词的输入框,输入框右边有个拍照搜索的图标。

  2、下面就是是显示最近用户搜索的区域。

  3、这块是用来显示最热门搜索的区域,其实也是给做广告、推广只用的。或者说是用户近期关注的几个关键词。或者当下当季用户关注度最高的一些关键词的展示区等等。

  所以,最上面的APP搜索功能展示动效真是一个不错的解决方案。

  下面,小编就跟大家聊聊,如何来设计一个好的APP搜索功能页面:

  首先,当我们开始一款产品的搜索功能设计,通常需要考虑到以下3种状态的设计:

  1、功能入口;

  2、功能激活态;

  3、功能输入态;

  其次,如果搜索功能在产品中的比重相对比较重要,是需要重点突出的,可以采用如下设计策略:

  1、放在比较明显的位置,或者用明显的视觉元素吸引用户注意力;

  2、页面滑动的时候一直存在,或者一直有快速入口立刻切入;

  3、独立的一级tab专门用于搜索,

  4、优化现有搜索功能的体验度。

  最后,除了对成熟的APP设计的指导和参考「设计竞品分析」以外,另一个重要目的就是给用户或者是使用者 传递清楚概念、理清思路、搜索的整个路径。通过梳理弄清楚不同设计形式的优略势、适合的场景及业务之后,再做最后的取舍。

  当然,完美的APP搜索交互体验,是基于可行性技术的基础之上的。如果技术不能实现这样的APP搜索交互设计,那我们的设计只能放弃。或者选择是退而求次的方案。

app搜索创意设计
 

  分享这篇文章的目的,想告诉大家有这样的一种APP搜索的交互方式。认知一些新的知识和交互案例。

  我们只考虑从设计师的角度出发,发挥我们的想象力,尽可能的设计出完美的作品。


免责声明:

丝路教程网的部分文章信息来源于网络以及网友投稿,本网站只负责对文章进行整理、排版、编辑,是出于传递更多信息之目的,如权利人发现存在误传其作品情形,请及时与本站联系。

  • 所属专题:APP设计专题
  • 本文链接:http://blog.silucg.com/UICN/ydui/article-2828.html

APP新创意之搜索界面功能当中的交互设计

的相关文章
Copyright © 2008-2017 blog.silucg.com 丝路教程网 版权所有 网站地图
点击这里给我发消息
丝路教育