• 三管齐下!央行多渠道投放流动性 对冲税期高峰等影响 2019-04-18
  • 2018暑假去哪里旅游好?暑假国外旅游最佳去处及景点推荐 2019-04-18
  • 欧盟采取措施反击美国加征关税 2019-04-12
  • 淮北日报社党委书记、社长张士锋祝贺人民日报创刊70周年 2019-04-12
  • “中国队”已提前到达现场!各商家强势布局俄罗斯世界杯 2019-03-23
  • 把课堂上的重点难点录下来 教学类短视频平台前景几何 2019-03-18
  • 喂,110吗?这里有个出警的小姐姐,我要曝光一下! 2019-03-13
  • 动物园为红毛猩猩做中医点穴 对照人体找穴位 2019-03-13
  • 水果呵护男性健康 葡萄荔枝莲子白果要多吃 2019-03-12




  • 行业关键字
    UI设计UI理论和资料 → 正文
    交互设计 | 这些的细节你注意过吗?
    作者: 风筝KK 来源: 视觉同盟 时间: 2019年3月22日

    广西快乐十分开奖彩 www.zdcoin.net 下面和大家分享三个我在工作遇到的的坑,希望大家能够提前注意绕道而行。

    1、UGC内容未设置举报功能。
    2、登陆注册时,键盘挡住按钮。
    3、文字在浅色图片上对比度不够。

    一、UGC内容未设置举报功能

    在App Store审核被拒的原因中有这样一条:如果你的APP内有发帖等UGC(用户产生内容)功能,必须提供用户协议,并留有内容举报功能,否则就会被审核拒绝。

    这个功能在设计时很容易被忽略,我之前做的一个项目就遇到这种情况,当提交到App Store时才知道要加这个举报功能,只好重新添加,然后在提交。

    使用场景:根据App Store的反馈,一般UGC的内容都需要加举报功能。

    该功能多用在资讯类、图片社交类、电商类等UGC的Feed流中。

    该功能一般有两种展示入口:置于更多图标中;直接置于列表中。

    1. 置于更多图标中

    当列表中有点赞、评论等功能较多时,可以将它置于更多图标中,比如:腾讯视频发现、Facebook。

    腾讯视频和Facebook除了点赞和评论都还有一些其他的功能,因此可以直接将这些功能整合到更多图标中。

    在设计时,如果你不想举报图标太明显,可以将其弱化处理,比如腾讯视频就用线性图标。

    2. 置于删除图标中

    当列表中没有其他功能时,或者是以用户感受为中心的审核机制时,我们可以将举报直接置于删除列表中,让反馈属性更明确,同时反馈的项目更细,比如:今日头条、淘宝。

    今日头条的列表没有其他功能,在列表中加入了关闭按钮,点击就可弹出不感兴趣、反馈垃圾信息、拉黑、屏蔽等内容。

    淘宝的Feed卡片中虽然有评论、点赞等功能,为了便于用户筛选感兴趣等内容和举报,它在卡片的上方加入加了关闭图标,点击就可弹出不感兴趣、不想看、低俗色情、虚假不实等内容。

    二、登录注册时键盘挡住按钮

    在设计登陆注册界面时,一些设计师容易忽略键盘对界面的影响,因此当输入信息时,键盘就将操作按钮盖住了。当信息输入完之后还需要退出键盘,然后在点击按钮,让操作不太流畅。

    面对这种情况该如何解决呢?

    通过对线上APP的收集和归类,主要有三种解决方案:第一预留键盘高度;第二内容滚动;第三软键盘设置按钮。

    当登陆注册信息较少,我们在设计的时候就可将键盘的高度预留出来,避免键盘挡住按钮的情况,比如:36Kr,键盘弹出并未遮住按钮。

    当界面展示效果较长,键盘会把按钮遮盖掉时,我们可以给开发说让其设置内容滚动。

    比如:京东金融键盘弹出后整体内容向上滚动,仅显示输入信息。

    当然你也可以自己设计软键盘,将登录按钮置于键盘中,这样更能减短用户操作路径,不过这种方式对于一般公司来说成本较高,比如:农业银行。

    三、文字在浅色图片上对比度不够

    列表设计中,图片上的文字在深色背景上展示正常,但是在浅色背景上就不易识别,这往往在设计过程中考虑不周全导致的,该问题多在新手阶段出现。

    解决该问题最早的方法是直接将文字加投影,但是随着界面风格的变化,该方式显得不太合适。

    目前多采用底部增加不透明度为40-0的黑色蒙层。

    关于图文的结合大家可以去看看刘清的《几招搞定图文结合》,文中主要提出了5种图文处理方式,主要有:灰度平衡、文字覆盖图像、蒙版覆盖图像、文字突出显示、图文提炼结合,同时还有详细的解说过程,大家可以点击《几招搞定图文结合》标题查看。

    四、画重点

    大家在设计时,很容易跟着产品原型走,从而忽略一些小设计。尤其是对于新手设计师来说,更容易考虑不全面,因此建议大家在看到一些干货的文章,就收集起来。以后在工作中遇到也能够很快的找到文章,从而就可以规避这些问题,少走弯路。

    比如本文提到的三个容易被忽视的点:UGC内容未设置举报功能、登陆注册时键盘挡住按钮、文字在浅色图片上对比度不够,下次大家遇到这些问题就不用再去踩坑了。

    最后,大家可以在留言区说说你遇到的那些坑,大家可以互相交流~

    (责任编辑: Admin
    English | 关于我们 | 站点地图 | 联系热线 | 合作伙伴 | 艺术顾问 | 订阅 | 手机版
    版权所有 © 2004-2019 视觉同盟 www.zdcoin.net)
    Copyright © 2004-2019 www.zdcoin.net Incorporated. All rights reserved
    京ICP备09005192号
    视觉同盟旗下子站:品牌专区 | 中国创意设计人才网 | 视觉同盟社区 | 广西快乐十分开奖彩 | 英文版

  • 三管齐下!央行多渠道投放流动性 对冲税期高峰等影响 2019-04-18
  • 2018暑假去哪里旅游好?暑假国外旅游最佳去处及景点推荐 2019-04-18
  • 欧盟采取措施反击美国加征关税 2019-04-12
  • 淮北日报社党委书记、社长张士锋祝贺人民日报创刊70周年 2019-04-12
  • “中国队”已提前到达现场!各商家强势布局俄罗斯世界杯 2019-03-23
  • 把课堂上的重点难点录下来 教学类短视频平台前景几何 2019-03-18
  • 喂,110吗?这里有个出警的小姐姐,我要曝光一下! 2019-03-13
  • 动物园为红毛猩猩做中医点穴 对照人体找穴位 2019-03-13
  • 水果呵护男性健康 葡萄荔枝莲子白果要多吃 2019-03-12
  • 博竟彩票重庆时时彩 亿元大奖排行榜 中国足彩网 中国体育彩票超级大乐透 福彩3d走势分布图 天津时时彩三基本走势图 谁有极速飞艇计划网站 双色球彩票投注截止时间 淘宝彩票开奖时间 澳门线上赌博 快三怎么玩 北京赛车开奖记录 体彩6+1开奖结果查询 四川时时彩高手群 体彩6场半全场胜负结果分析 时时彩一条龙