栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Java

0基础转产品经理Day09

Java 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

0基础转产品经理Day09

 1.界面元素

 (1)栏

常见的栏有哪些类型?状态栏、导航栏、标签栏、工具栏、搜索栏、范围栏

(2)内容视图

视图就是App内信息主要的展现形式

关于内容列表的文字和图片的权重分配

1.在列表中,信息的传递方式决定文字和图片的权重:如果信息依赖于文字传递,则文字权重更高;如果信息依赖于图片传递,则图片的权重更高。

视图使用注意事项

1.在App中,这些视图都会混合出现,很少会有单一的视图形式;

2.一个页面也不会只有一种视图的表现形式;

3.有些视图类型没有完全的界线,比如列表视图、卡片视图、集合视图;

(3)控件元素

在页面起到某种作用的,都可以叫控制元素,比如一个可点击的按钮,—条用于区分界限的线条等。

注意:不能折行;不能显示不尽;不能图文混排;默认状态,不能字号大小不统一

(4)临时视图

什么是临时视图?

让用户只有在完成当前的任务或关闭一个信息或页面之后,才能去做其它的事情;降低了交互层级;

临时视图的特征:当屏幕上出现临时视图时,用户必须通过点击按钮或是其它特殊方式才能退出;

例如:临时视图可以占据整个屏幕,也可以是在上级视图之上(比如气泡弹出框),或者屏幕的一部分。但是这些临时视图多数都会有“完成”和“取消”按钮来退出视图。

临时视图的种类:模态视图、警告视图、操作列表、吐司( Toast) ;

模态视图

1.模态视图会打断用户的正常操作,要求用户必须对其进行回应,否则不能继续其它操作;

2.非模态视图则不会影响用户的操作,用户可以不对其进行回应。

警告视图(警告框)

用户在操作APP时,有时候会勿删等敏感操作,或者APP想要获取用户的位置,调用相册、相机时,就需要一个视图弹框来警告自己操作是否继续进行,这时候用到的临时框就是由标题、正文、按钮等组成的警告视图。

注意:

只有在App确实需要获取私人信息时,再向用户发起请求——否则有窃取隐私的嫌疑

当需求不明显时,向用户解释为什么你的 App需要这些信息——开诚布公地告诉用户许可的必要性

在App一启动时就请求授权那些对运行App 至关重要的信息(通知)——必要许可越早请求许可越容易让用户接受

不要随便请求位置信息——这个数据很敏感

操作列表

比如用户在发布朋友圈的时候需要弹出是拍摄还是选择相册已有照片,这是弹出的内容就是操作列表;

吐司(Toast)

Toast不需要用户操作,一般维持的时间是1秒到1.5秒后自动消失;时间太短用户没办法感知,时间过长又没有必要。

1、由于移动端的使用场景很复杂,用户执行了某一个操作时,很多时候APP并不能立即反馈给用户操作结果,这个时候弹出一个Toast提示用户已经执行了该操作,会显得很人性化,这就是用户体验;

2、提示用户操作错误或者正确,例如经常会提示用户:登录成功、下载失败、密码输入错误。

不用点击确定与取消就会自动取消的、用来提示网络不好或者更新内容的临时框;

关于弹框和toast的区别

1.弹框需要用户做操作才能消失,toast会自动消失

2.当需要用户对信息做抉择时,用弹框提示;当仅仅是告知用户某个信息,用toast

3.toast可以称为吐司、弱文案

临时视图的使用规则

1.临时视图首先使用在用户使用频率相对低的页面;

2.临时视图永远浮于当前页面上,服务于当前任务;

3.使用临时视图可以减少交互层级,降低用户记忆成本(用户不必考虑返回上一页是什么内容?)

4.破坏或崩溃性的提示以及授权等操作使用警告框,在当前页面要交互操作的,根据呈现操作内容多少使用操作列表或模态视图,临时提示性内容使用toast;

注意事项:

尽量减少临时视图的使用——操作列表、警告视图或模态视图会中断用户操作,体验不佳

提供一个明显且安全的方式,退出模式——体验不佳所以用户想走时要容易走

保持临时视图的简单、简短且集中——体验不佳所以尽量简洁明确

请尽量使用能够明确说明任务的标题——除非不得已,尽量不要玩文字游戏

只有在传达关键以及需要操作的信息时才使用警告视图——因为体验更不佳

尊重用户的推送通知偏好设置——警告视图也常用来做推送,如果用户明确不要就不要硬来

数据键入的临时视图

无论是点击界面元素还是使用键盘,键入信息都是一个乏味的过程;

当一款产品还没有提供实际的功能,就要求用户大量的键入内容,会导致用户体验与参与的进程变慢,用户就可能会很快失去耐心,甚至完全放弃这个产品;

注意事项:

尽量显示选项———能选择不填,降低操作频次与复杂度

尽可能的从系统中获取信息——有已知数据可用最好不要用户重新输入

提供合理的默认值——有默认值可用最好也不要用户重新输入

只有在收集完必要的信息之后才能进行下一步——要键入一次搞定不要反复为难用户

立刻验证填写信息(实时纠错)——能实时验证的不要等到最后再告诉用户错了

只有在必要时便用文本信息——输入文本操作太多了

将信息列表化以高效预览——追求—目了然

总结:

临时视图使用的注意事项:体验不佳,所以尽量简洁明了

数据键入时的注意事项:减少用户操作

2.小程序

什么是小程序?

小程序:一种不需要下载安装,即可使用的应用;

小程序的优势

1.开发成本低;

2.流畅的使用体验;

3.庞大的流量池可供使用;

4.用完即走,不占用手机内存,但是有使用记录供用户可方便的再次找回产品;

页面的元素突出考虑的因素
1.位置,是否在中间的核心位置,还是在屏幕边缘

2.尺寸,尺寸大小对比

3.视觉效果,颜色深度区分,更深的颜色,视觉效果更突出

微信小程序设计规范:

1.微信小程序进行产品设计时,有哪些设计规范需要注意?

重点突出、流程明确、小程序菜单、页面内导航、导航颜色定义规范、顶部标签栏、页面加载、结果反馈;

2.微信小程序的特殊功能?

客服消息、扫码功能、模板消息

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/999768.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号