恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
干货 | UI学习TIPS清单(下)
0.0°
2017-08-16 自译外文 教程 原作者: Nick Kolenda 举报 3881 29 4 1

油水都在图里,继续榨~

Image title

@  Anfriy Yurchenko


上期传送门:干货 | UI学习TIPS清单(下)


四、 最大化所有用户和场景的兼容性

1. 每一个用户都带着各自的目标使用你的产品,所以要保证你的设计具有广泛的兼容性。

两极化思考你的用户你的用户可能是小白,也很可能是这个领域的专家,所以要满足他们所有的需求。

(1)给新用户提供恰当的引导步骤,有下面4种方法可以参考。

Image title






按照用户对界面的熟悉程度,以及界面复杂程度两个维度,可以将对新用户的引导方式划分在2X2的矩阵中,可以据此选择适合的版式。

Image title




(2)在不影响老用户使用的前提下,给新用户添加一些小提示

Image title





(3)用卡片分类法重组信息结构

· 如果你想了解用户如何定义菜单类别,可以选择开放式卡片分类(open card sorting)。

· 如果你想了解用户如何组织现有的元素,如何对其进行预定义的话,可以选择封闭式卡片分类(closed card sorting)。

Image title




2. 两极化思考用户的使用流程

不同的用户有不同的需求,为不同的用户定制不同的操作路径。

(1)让用户自主控制信息的展示方式。这里很像电脑文件夹中的文件显示,根据使用者喜好,可以通过平铺、列表或大图标等方式展示。

Image title




(2)让用户决定信息的排列方式,比如:信息名、相关性、类别、首字母、日期、距离等等。

Image title




(3)让用户实时选择可接受的信息质量

Image title




(4)创建角色,识别具体的操作路径

Image title




(5)让用户在新标签中打开页面,有一部分人会在打开链接过段时间才会3去浏览信息,同时也为其各个页面的信息对比提供便利。

Image title






3. 最大化界面的可使用性,一个好的界面,应该满足所有人的需求,比如色盲。所以当你考虑用颜色来代表某项内容时,要想到有颜色分辨障碍的用户们。

Image title






4. 考虑用户所有的输出结果以及各种极端情况

(1)用一个广泛的概念来回应用户的操作。

Image title




(2)尽量让输入框满足所有可输入的形式。

Image title




(3)按用户需要展示结果

Image title






5. 最大化环境兼容性,保证页面在所有的情景下均有效。比如,在界面尺寸较小的设备中,使用单层级页面展示。

Image title








五、 帮助用户减少潜在的困惑,克服可能的错误

大多数的界面设计中,错误很难完全避免。如果错误真的发生了,就要帮助用户迅速简单地克服这些错误。

1. 预防错误。界面设计之前,不要着急思考方案,而是要先意识到要尽量减少错误的发生。

(1)不要提示用户要立刻进行“提交”或“购买”的操作。如果界面上显示还有下一步操作,那他们会去点击的。

Image title




(2)只提供可选择的项目,尤其有时间、数字选择的需要时。

Image title


(3)结构化文本框来匹配需要的输入信息

Image title






2. 突出那些影响较大的选择项,比如:删除。

(1)用空格或颜色突出

Image title




(2)对于一旦删除便不可恢复的信息要重复确认。

Image title







3. 扩展可移动路径和可点击区域

(1)为一些小的按钮添加透明边框。提示用户,这里有可点击的按钮。

Image title





(2)菜单选项要用颜色满格填充。

Image title






4. 出现错误了,错在哪里?尽量告诉用户他的错误之处

(1)解释错误的具体信息

Image title




(2)为用户提供更多的信息

Image title




(3)错误提示中避免说“你”

Image title







5. 保留用户的历史记录

(1)显示用户的最近搜索

Image title




(2)对访问过的链接用其他颜色标记

Image title





(3)暗示用户已经浏览过的信息项

Image title






6. 分析用户行为,查找界面问题。利用螺旋式的迭代,不断优化你的界面。比如,在适当的地方获取用户的直接反馈。这些反馈是优化界面最有效、最具说服力的元素。


Image title






最后的思考:

如何打破知道很多道理,却依然做不好设计的魔咒?

——实践、实践、再实践

当然,还有最重要的就是一直带着设计思维去做设计啦~如何在学习中练就设计思维,使之成为一种习惯呢?加入酷九合金社的SG寻金计划,登上我们的第六战舰,让我们专业的舰队指挥面对面向你传授吧~



--------------------我---是---一---条---分---界---线--------------------------



科学家说,地球的金子几乎都来自外太空

碰撞、死亡、创造

漫长的宇宙演化 数亿年后它们

终于出现在浩瀚苍穹 散落在宇宙


每个人都是散落宇宙的金子

酷九合金社正在寻找UI领域即将发光的你

SG计划(Seek Gold寻金计划)应运而生

6个月时光,砺舰起航,征服星辰大海

酷九合金社第六期UI设计培训班正在招生中

欢迎登上我们的第六战舰

征服UI设计宇宙的星辰大海!


咨询微信:c9dkjhjs      咨询qq:483348967     

咨询电话:025 - 528504566

UI中国直通车:http://peixun.ui.cn/detail/338.html


Image title





更新:2017-08-16

收藏

29人已收藏

酷九合金社

qq交流群:423655278 微信:conineacademy

  • 149

    作品

  • 6119

    粉丝

  • 16

    关注

  • 严选 | Mockups免费资源网站
  • 五月归来,看小伙伴们锋芒毕现
  • 不仅是设计,更是做人
  • 要始终坚持对美好事物的追求

    猜你喜欢

      2017-08-16 自译外文 教程 原作者: Nick Kolenda 举报 3881 29 4 1

      干货 | UI学习TIPS清单(下)

      0.0°

      你确定要举报干货 | UI学习TIPS清单(下)

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2017年08月11日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      4
      29
      1

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录