增加常用选项导航 A-Z index严格...
采集 33评论
查看来源 zhuanlan.zhihu.com
ngiseD
通过花瓣采集插件采集于2019-11-15 16:54:54
增加常用选项导航
A-Z index严格按照字母顺序排序，但是在某些场景中，这并非是最高效的。例如在外卖App选择城市的列表中，用户选择当前城市的可能性最大，因此可以在A-Z index最顶端增加当前GPS定位地理位置的导航。建议视业务和用户需求在A-Z index基础上增加常用选项导航（例如定位、热门和搜索）。
❤ 交互
ngiseD
在拼多多里截图后，立即又生成新的带二维码的图片，由于微信“可能发送照片”永远建议最新一张，用户无意识的就会把带二维码的图片而不是真截图发出去，这样传播出去的图片带上二维码更容易跳转到拼多多页面去购买，传播效果好上不少
淘宝的搜索结果广告在商品名中写着“杭州热销过千”，对于我这个住在杭州的人就抱着“这么多本地人买应该不错”的心态忍不住点进去看看 通过拉近商品与用户的联系，吸引用户浏览商品详情页，对销量有促进作用
龙爪槐守望者 - 知乎
preview
如果我们能在加载前把内容的大概轮廓预先展现出来，然后再逐步的加载真正的内容，这样既用户一种内容正在逐渐加载即将呈现的期待，降低了焦躁情绪，又使得界面加载的过程变得更顺畅，感官上会觉得比其他加载方式更快。这就是Skeleton Screen！加载占位图
手机QQ一键清除小红点功能 Badge如果非常多出现频次又很高，会对用户产生一些情绪干扰，例如很多强迫症用户每次遇到Badge都会设法点击消除掉，手机QQ以此为出发点，创造性的设计了一键拖拽清除小红点的功能，得到用户好评。
「小红点」是这个控件在国内最通俗的称呼，正式的名称为「Badge」（徽标），Badge是指通常出现在图标或文字右上角的红色圆点、数字或者文字，表示有新内容或者待处理的信息。
飞常准App提升字母点击准确率 字母索引导航单个字母的点击区域非常小，很容易点错，锤子科技Smartisan OS从右至左拉出扩展字母点击区域虽然准确率很高，但是操作较为繁琐，可见性不高。飞常准App提供了另外一种思路，长按字母索引导航，会放大字母，上下滑动切换字母，松手之后跳转到对应字母的锚点位置。
锤子科技Smartisan OS对A-Z index的创新 除了上文中提到的多音字优化，锤子科技Smartisan OS 3.0对A-Z index进行一系列提高效率的创新，例如A-Z index可以从右至左拉出，扩展单个字母的点击区域，可大幅度减少因A-Z index点击区域过小造成的误触。长按字母可以显示该字母下所有的姓氏，更符合中文单首字母多汉字的特性。
增加常用选项导航 A-Z index严格按照字母顺序排序，但是在某些场景中，这并非是最高效的。例如在外卖App选择城市的列表中，用户选择当前城市的可能性最大，因此可以在A-Z index最顶端增加当前GPS定位地理位置的导航。建议视业务和用户需求在A-Z index基础上增加常用选项导航（例如定位、热门和搜索）。
Page Indicator和进度条相结合 一号店的轮播图把Page Indicator和进度条相结合，这样用户既可以知道当前所指示的页面，也能对下一张页面何时轮播有预期，便于用户较为专注的浏览轮播图的内容。
Pagination Dots样式可以特殊化 如果Page Indicator指示的某个页面较为特殊，可以为其定制特别的样式，例如锁屏页用户可以不解锁直接向左滑动打开相机，因此为相机的Pagination Dots设计了特殊样式突出这个功能。天气App中一眼就明白第一个Pagination Dots是当前GPS定位地址。
Page Indicator（页面指示器，iOS规范称为Page Controls）是附着在轮播图、一组卡片或者页面的底部，用来表示页面总数量和指示当前停留的页面。通常由一组等距的小圆点组成，小圆点的数量代表页面总数，其中深色或实心的小圆点代表当前页面。
Sliding Stepper（滑动式步进器） 在PC端Stepper的点击区域非常小不易操作，而且Stepper每次点击后数字变化太小，如果要调整数值远不如直接改输入框来得方便。国外有案例将Stepper和Slider（滑块/滚动条）相结合为Sliding Stepper，加和减被合并为一个按钮，点击按钮后出现垂直滚动条，通过操作垂直滚动条，调整数值会更快幅度更大，且可以观察数值对应的事物产生连续变化，非常适合图形设计软件。
数字快捷修改 如果对数值有大幅度调整的需求，可将数字改造成输入框，通过键盘快捷大幅度精确修改。
Stepper（步进器）由一个增加按钮、一个减少按钮和一个由按钮控制的数值组成。每次点击增加按钮（或减少按钮）数字增长（或减少）的数量是恒定的
QQ音乐Android版的流畅度设置 QQ音乐Android版的设置项中有流畅度设置，关闭相关效果可提升流畅度和减少耗电。通常来说Switch打开有启用的含义，带有一点正面的褒义效果。QQ音乐却反过来了，Switch关闭有褒义的鼓励含义——关闭更流畅。
Google Inbox的Pin样式 Google Inbox右上角的Pinned样式上很像Switch，实际上这是一个筛选工具，图钉竖直表示只显示Pin过的邮件。这给了我们启发，可以在Switch的按钮上增加视觉效果，表现Switch当前状态所代表的含义。
Optimistic UI（乐观派UI，请参考 乐观派UI:真实的谎言 ），用户操作Switch之后，Switch视觉上立即响应改变，然后再向服务器交互。微信朋友圈的点赞就是用的这个策略。Optimistic UI带给用户更流畅的体验，当然，采取这一策略最好保证服务器在97%到99%以上的状况下返回成功指令
Switch（开关/滑动开关/切换开关）有两个互斥的选项（例如开/关、是/否、启动/禁用），它是用来打开或关闭选项的控件。选择其中一个选项会导致立即执行操作。
同采自
zhuanlan.zhihu.com
该采集也在以下画板
加载更多
推荐给你的采集
采集
淑怡部屋采集到APP

天气界面

113

淑怡部屋 采集到
APP
采集
龙小夜采集到【插图】APP加载页/启动页/引导页

#插画##闪屏##原创##节气##立夏##夏天# 大海 蓝天 闪屏 专题 http://w...

1071

龙小夜 采集到
【插图】APP加载页/启动页/引导页
采集
image.flaticon.com
Dearcolour采集到扁平/插画

1343009.png (512×512)

20

Dearcolour 采集到
扁平/插画
采集
不文不问-wen采集到ui

818多嘴节 八一八那些美食的八卦

59

不文不问-wen 采集到
ui
采集
img.hb.aicdn.com
Χ_i__a采集到✿_WEB

dd48e1594d4931599495c493c6a2c65163ca1f227ba98...

44

Χ_i__a 采集到
✿_WEB
采集
小牧童采集到banner设计

banner 金融

53

小牧童 采集到
banner设计
采集
乔莉拿起笔采集到运营-banner

五重礼banner @这样重这样轻 作品

73

乔莉拿起笔 采集到
运营-banner
采集
weibo.com
今天的春雪采集到ui

#dribbble每日精选# Ivan Bobrov的多彩小动物LOGO 兔子

25

今天的春雪 采集到
ui
采集
16sucai.com
bird-yan采集到icon区

简约线性图标设计矢量素材 - 素材中国16素材网

186

bird-yan 采集到
icon区
采集
dribbble.com
TannerWe采集到App

1211

76

TannerWe 采集到
App
采集
iguoguo.net
爱果果采集到酷站欣赏

It Will Glow - 爱果果

65

爱果果 采集到
酷站欣赏
采集
Y、Lisa酱采集到App.闪屏设计

1021

Y、Lisa酱 采集到
App.闪屏设计
采集
zcool.com.cn
让我飞升采集到UI-特效

二次元界面UI风格|UI|游戏UI|波波大 - 原创作品 - ()

1

让我飞升 采集到
UI-特效
采集
长刺的年糕采集到引导页

明日之子 《大首发日》活动

102

长刺的年糕 采集到
引导页
采集
夜色如水采集到活动专题

双十二

54

夜色如水 采集到
活动专题
该采集待公开
采集
zcool.com.cn
Penry_Chen采集到灵感 - 表情/插画

郑州地铁票卡设计

1232

Penry_Chen 采集到
灵感 - 表情/插画
采集
dribbble.com
暴走布布采集到UI-web

演示

2411

暴走布布 采集到
UI-web
采集
uocook.com
木鱼泡泡采集到Icon - APP大图标

写实UI图标

14

木鱼泡泡 采集到
Icon - APP大图标
采集
25xt.com
莫楠德采集到ui app icon

抖音直播礼物UI设计欣赏

92

莫楠德 采集到
ui app icon