前端设计吧 关注:91贴子:114
  • 2回复贴,共1

如何避免在界面内容设计上出现错误?

只看楼主收藏回复

设计最重要的是让用户知道你的内容,交互设计也是一样。我们需要通过信息的表现去展现我们的设计内容。什么是信息的表现呢?

交互是操作人与机器之间进行沟通的一个桥梁,而机器的直接表达是比较生硬的,所以作为交互设计师,需要站在用户的角度上为基础,让页面的信息可以高效准确的传递给用户,让信息内容更加的生动化。
像移动端的界面所呈现的元素和颜色都是一个信息的传递,比如下图:



简单易懂

在界面交互设计中,无论采取什么样的元素操作,最重要的是确保用户看得懂。而且应该尽量避免使用用户不理解的专业术语、含义不明确的符号等,而在图标UI设计中,最好的是可以让用户一眼就知道它后面所对应的程序是干什么用的,生动直观。


1楼2016-07-19 15:25回复

    例如上图中的两个图标,不用文字标明,我们即可知道,左边是放大镜,右边是语音。
    自我解释

    但是不是所有内容都能够做到简单易懂,如果某个内容对用户来说可能有好几种可能,或者用户不能很明确地知道内容的意思。这时候就需要这个内容做到自我解释,类似文章中一些词语的注释一样,在内容的旁边附带一些说明去帮助用户理解。
    当我们的设计功能复杂比较难以理解的时候,用户第一想到的是“说明书”,所以,这个自我解释的功能在内容的设置上也是需要注意的一个点。
    比方说:

    用户第一次使用“摇一摇”的时候可能只知道用手摇即可,但是却不知道有什么功能,所以左边页面的介绍就清晰的像用户表达了怎么去使用。
    换位思考
    用户在操作的时候想知道的并不是详细的数据,而是数据里表达的意义。怎么说呢?我们还是举例说明:

    用户看天气,真正要获取的信息是“我出门要不要带伞””我今天应该穿多厚的衣服“等,但是有些应用,只展示简单的温度数字,用户很难从这个数字里面得到他想要的答案,这就是没有站在用户的角度思考的原因;
    考虑到用户的真正需求,可以通过增加昨天的数据,让用户进行对比,得出他想要的答案。所以我们在设计的时候也是一样的,换位思考下,假如你是用户,你希望使用的时候是什么样的。这样你就可以很快的知道怎么去操作内容设计了。
    视觉对比

    对比,是把具有明显差异的元素放在一起,进行对照比较的表现手法,使元素形象更鲜明,感受更加强烈。这个在设计过程中需要注意的是,我们能把握的是用户使用的那几秒的时间,所以内容在视觉上有具备一定的吸引力。


    2楼2016-07-19 15:33
    回复

      通过视觉元素的对比,去表现内容之间不同的属性,例如上面的按钮,删除、拉黑等,是危险的操作,用了红色去警告;确定,返回等是安全的,用的颜色就没有那么强烈。
      降低杂讯

      比方说,用户在浏览网页的时候,地址栏就是一个干扰,影响内容的阅读,苹果就把它收起来,降低对内容的干扰,让用户能够更集中在网页内容里面。


      3楼2016-07-19 15:35
      回复