美文网首页
动态回复交互细节

动态回复交互细节

作者: Vallanzasca_ | 来源:发表于2015-02-03 15:09 被阅读0次

我一直负责在做社交产品的交互设计。当设计到类似微信朋友圈动态时,遇到一个小问题,希望能够抛砖引玉:
发现在用户点击激活键盘按钮,推出键盘后,如果当前页面没有相对推移,用户很难辨别他究竟是回复的哪条动态,也不能更好的针对动态回复
like this:

Group.png

针对这个问题我考虑每当键盘激活推出后,当前页面内容也需要进行相对的推移。
要满足用户能够清楚的明白他回复的是哪条动态,那么回复按钮在键盘之上的效果应该是最清楚的

关于这个推移的距离和方向我是这么设计的:

Slice 1.png

当然在回复成功后也要进行相应的推移,让用户回复的内容是可见,以此类推。

第一次分享,欢迎吐槽。

相关文章

  • 动态回复交互细节

    我一直负责在做社交产品的交互设计。当设计到类似微信朋友圈动态时,遇到一个小问题,希望能够抛砖引玉:发现在用户点击激...

  • 聊聊JSP及其他

    1、静态网页和动态网页 静态网页无法实现用户与网页的交互,而动态网页可以实现交互。动态网页的动态指的是能与用户进行...

  • 关于动态面板的方式添加下拉框

    想要的效果:点击下拉,选中变色且填充,再次选中继续交互 注意几点,矩形加动态面板的组合实现,需要注意一下细节 1、...

  • 微交互,也谈细节设计

    微交互,即细节设计,它是产品与人在细节处的交互设计。这些细节,设计得好,可能是短暂、微小却令人过目难忘的瞬间;设计...

  • 微交互:我们说魔鬼在细节,但为什么不说天使在细节?

    细节设计中把产品与人在细节处的交互设计,叫“微交互”。 好的微交互应该有的结构: 触发器、规则、反馈、循环与模式 ...

  • 学习交互细节

    体验了2个画思维导图的App——「Mindly」「SimpleMind+」,二个都不错,打破了我原来以为只有在PC...

  • 交互细节设计

    最近在做公司app的优化,深刻的感受到细节设计之于交互设计的重要性。如果说产品功能是骨架,那么交互细节便是血肉。那...

  • 前后端交互(javaweb)

    前段后台交互的学习(Java web) 标签 : 前后端交互 Javaweb 下面介绍了一些关于交互的细节: 请...

  • 1.Axure动态面板之轮播图显示

    Axure中动态面板常用来实现交互效果,如: 使用动态面板制作轮播图。 使用动态面板制作tab页面切换。 使用动态...

  • 前端学习存疑点整理

    和 属于HTML中的块标签,而CSS是美化HTML的 JS是用来实现网页动态交互的脚本语言所谓实现动态交互就是利用...

网友评论

      本文标题:动态回复交互细节

      本文链接:https://www.haomeiwen.com/subject/prrrxttx.html