童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

App产品原型背后要交代的细节或要理解的原则(五)

8月16日 火云谷投稿
  本文接上一篇App产品原型背后要交代的细节或要理解的原则(四)。
  18、聊天发表情,是怎样的机制
  在微信发一个表情出来,你发现显示的是名称〔调皮〕,而不是一个图标。
  收到表情的一方,退出到聊天信息总列表,显示的也是〔调皮〕。
  那么为什么不是直接放一个表情在上面呢?实际这与实现原理有关系。
  当发表情给对方的时候,实际上发的是这个表情对应的ID服务器拿到这个ID之后,再传给接收方的客户端接收方收到,再解码出一个表情,展示在客户端。
  用图示如下:
  因此,表情的发送,是发送给服务一个对应ID,而不是发送表情文件给对方的。
  所以表情文件(图文件)需要存在客户端,而不需存在服务器。此外客户端还要存表情名称和ID。
  事实上客户端需要以josn格式存储表情图名称表情ID,如下图这样:
  注意,App正式运营阶段,需要自己制作表情,避免盗用侵权。
  19、输入框的约束这件小事
  从约束的程度看,输入框可以分两类,一类相对开放,比如作品评论框、好友留言框;另一类相对约束,比如昵称、个性签名、标签。
  这两类之所以约束程度不同,主要是跟用户心理诉求以及页面的展示形式决定的。
  比如个性签名一般会展示在个人资料页,不管是自己看,还是他人看,都要求美观,比如居中对齐。同时页面空间有限,所以字数需加以限制。
  那么对于这类输入框,要做的是:限制字数、对齐方式、内容校验、文案提示等。
  举一个个性签名输入框约束方案的例子:
  (1)限制字数:字数上限尽量高,不让用户心理上感到被束缚(好比商城大厅都很高,尽管“摸着天杜千”这样的用户很少),比如4050字。字数上限可以在右下方显示,随着输入而扣减字数;
  (2)字数校验:推荐在输入的时候,截取到限定字数,多余的不予录入。无需语言提示,用户都看得懂;
  (3)文案提示:根据(1),由于已经有显示位数了,所以可以换个提示,比如“据说签名会提升关注几率哦”;如果签名为空,为了提高体验,则建议对他人展示一个固定值,比如“欢迎关注我”;
  (4)对齐方式:展示的时候,建议居中,最多显示两行,多出的省略。
  在编辑环境自己看的时候,如果是下图这种样式,可以规定:满行则靠左侧对齐,不满行靠右对齐。
  20、你的App用到过音效吗
  以AppSOUL的匹配按钮为例,匹配中有音效,匹配成功,也会有个音效。
  那么音效的实现是怎么的机制呢?是不是在后台配置音频文件,通过点击按钮调用呢?
  实际上一般不需要在后台存储音频文件。
  一来是因为音效变动不大,比如QQ的加好友的咳嗽声用了那么多年。所以在客户端写死并不影响实际需要。
  二来牵扯到触发后,对交互的时效性要求较高。对比前面提到的表情,音频文件会大很多。
  以SOUL为例,本来已经匹配到用户了,如果因为网速等导致了延迟,迟迟没有发出匹配成功的声音,那就尴尬了。
  21、分页加载,还是一次加载全部
  考虑是否需要分页的时候,基本有三个特征:
  数据需要从服务器拉取;
  拉取的数据容量不太小;
  拉取内容的条数不太小。
  客户端是一次加载完,还是分页加,分别需要服务器提供分页或全部数据的吞吐机制。
  那么采取两种措施的优劣如何呢?
  从用户角度,并不能一棍子打死说全部加载就省事。
  因为全部加载浪费用户流量和加载时间。很可能后面的内容是用户不需要的。这时候加载那么多反而适得其反。
  但是分页加载的缺点就是增加用户操作的次数。用户看完一页需要再次加载才能看更多内容,影响用户沉浸性体验。
  目前整体来说,采用分页加载的较多。根据用户的适应性,每一页给予的内容数量加以调整。比如抖音的分页瀑布流。
  作为产品经理,在确认列表页(比如好友通讯录)、信息流(比如好友动态)的时候,首先要在PRD中明确是否分页加载。
  若分页,则确定每页加载的大致条数。最重要的是需考虑清楚,支持分页或不分页的原因。
  相关阅读
  App产品原型背后要交代的细节或要理解的原则(一)
  App产品原型背后要交代的细节或要理解的原则(二)
  App产品原型背后要交代的细节或要理解的原则(三)
  App产品原型背后要交代的细节或要理解的原则(四)
投诉 评论 转载

Axure教程:如何实现计时一般来说,我们的手机里都自带了一个计时小工具。于是前不久,笔者突发奇想,能不能用Axure做出这个小工具,实现计时效果呢?因此,笔者将以此为案例讲讲具体怎么做。一、元素准……AxureRP8教程:实现高逼格的面板切换效果如何利用AxureRP8教程实现高逼格的面板切换效果呢?一起来文中看看浏览网页时,我们经常看到整屏滚动效果的首页设计,如招商银行首页:当鼠标上下滚动时,不同页面进行翻页展……Axure教程:按钮与文本框结合在一起的动态重置功能本文要给大家讲解的是,按钮与文本框结合在一起的动态重置功能,enjoy设置文本1。1页面布局1。1。1页面设定新建一个页面文件,命名为“重置功能”。……App产品原型背后要交代的细节或要理解的原则(五)本文接上一篇App产品原型背后要交代的细节或要理解的原则(四)。18、聊天发表情,是怎样的机制在微信发一个表情出来,你发现显示的是名称〔调皮〕,而不是一个图标。……哲学三问之原型是怎么来的?在产品的具体设计中,原型是怎么来的呢?笔者认为原型由信息架构设计与条目设计组成,并以途家app搜索页为例讲解了条目设计。几千年来,哲学家们一直在思考三个问题:我是谁?我从……AxureRP9教程:9宫格拼图如何制作本篇文章通过原型设计工具为大家演示了9宫格拼图效果,看完后别忘了自己动手做一下!效果图使用工具AxureRP9beta绘制原型Camtasia2018录……Axure教程:实现页面上下滑动和顶部吸附效果本文将给大家介绍:如何在Axure中实现页面上下活动和顶部吸附,一起来看看吧效果预览:看是不是你想要的:https:xydq37。axshare。comc2一、元素……AxureRP8教程:图片局部开灯交互动效感谢罗罗诺亚索作者分享的【Axure教程:图片局部开灯交互动效】文章;由于该原型是用AxureRP9实现的,因此本文将结合文章实现方法,使用AxureRP8。0实现,并升级实现……Axure教程:如何制作3D动效?早几期文章,我说没有我做不出的交互,于是有同学加我微信,说老师你能实现这个3D效果吗?我本来想怼她一顿,这是平面软件,但是一气之下我就把她说的3D效果做出来了。首先看看效……Axure教程:如何自制横向滚动条?本文为我们介绍了自制横向滚动条的三个步骤,以及其中的注意要点。更多详细内容请见正文一般如果我们需要使用横向滚动条,会直接使用动态面板提供的横向滚动条。由于横向滚动条在动态……Axure教程:用户登录交互原型如何制作?今天和大家分享的是最常见的用户登录的原型设计,适用对象:想加入产品坑的新手小白。1。元件准备用户名、密码的输入框由矩形、icon、文本框三个元件组成。为方便区……Axure教程:如何使用时间函数动态显示当前时间?本文教大家如何在Axure中,如何使用时间函数动态显示当前时间,enjoy首先Axure提供了很多时间函数,如下:Now用途:获取当前计算机系统日期对象。获取……
优惠券广告设计案例分享5个超棒APP首页设计:伟大的设计是怎样提升用户忠诚度的?美港股证券产品从0到1设计:从画像到架构拍一张照片,就能设计成一幅海报设计沉思录字体设计一点谈产品的下一站:美好而有意义的生活瞬间设计案例分享之指纹识别如何通过优化Appstore应用截图,提高App的下载率?界面中的情感化设计动态设计的起源、延续与趋势“爆品”方法论总结520运营实例复盘:用心手绘的奇妙关系

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界