加入收藏 | 设为首页 | 会员中心 | 我要投稿 西安站长网 (https://www.029zz.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 创业 > 正文

写给新手的控件设计指南(1):UI栏

发布时间:2019-11-30 20:34:20 所属栏目:创业 来源:做站长
导读:副标题#e# 作者对五种UI栏的设计进行了梳理分析,包括导航栏,搜索栏,状态栏,标签栏和工具栏,供大家参考和学习。 之前的文章有连载过ios12的人机界面指南,写到了app框架,接下来几篇文章会接着跟大家分享控件设计指南,包括以下三个部分,今天讲第一部

以搜索icon的形式出现在页面右/左上角也是很常见的一种,这种形式对应的场景是:搜索功能必不可少,但优先级没那么高,或页面元素过多,以小icon的形式出现节省空间。如支付宝-财富页面和淘宝-微淘页面,搜索都是以icon的形式放在页面右上角。

写给新手的控件设计指南(1):UI栏

4)隐藏式搜索框/icon

搜索默认隐藏,通过交互动作触发。比如微信小程序页面,搜索是默认隐藏的,下拉才会出现。由于触发动作过于隐蔽,导致很多用户都不知道该搜索功能,因为该页面本身是通过微信消息页面下拉出现,用户的普遍认知是页面顶部已显示完全。

既然用户找不到,微信为什么还这么做呢?

我们来分析一下小程序这个页面的使用场景,这个页面包含两部分内容,一个是「最近使用」,一个是「我的小程序」,这两部分相对来说数量没那么多,用户可以通过浏览快速找到目标,浏览的操作成本低于搜索操作成本,搜索的使用频率较低,所以将搜索默认隐藏。

写给新手的控件设计指南(1):UI栏

再来看从微信-发现页点击进入的「小程序」页,搜索框默认在顶部出现,这是因为,这个页面承载的内容更多,用户更多的场景是搜索新的小程序。‍

写给新手的控件设计指南(1):UI栏

(编辑:西安站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

推荐文章
    热点阅读