交互设计的套路

作者: Fusoul | 来源:发表于2017-04-08 00:33 被阅读192次

明确

  1. 可点和不可点要有明确区分。其中可点的一般样式是:按钮(文字带框)、下划线、带颜色的文字;明显的不可点的样式是:灰色字体。如果不幸设计了不可点击的文字带框的样式,“直角矩形”较“圆角矩形”更不可点,“小尺寸”较“大尺寸”更不可点。
  2. 鼠标悬停时变成小手,是PC端非常规范的可点击的样式。

有整有散

同质信息或者功能相似的按钮要放在一起,不同类的信息和功能要分开。具体可以用线框分割,也可以在间距上做文章。这是降低了人接受信息的门槛,快速理解哪些信息或功能是一类的,哪些是有明显区别的。有整有散的设计会更加舒服,也能提高用户的效率。

主次分明

一个页面必须要有主次,这也是人理解信息的方式决定的,先找到主要的,再查看次要的,在页面上划分明显的主次,更符合人获取信息的习惯。一般而言,标题的都是需要强调的,个人感觉用大号字体、加粗、加大周围留白的方式强调重点都要优于用颜色做强调,而且大号字体、加粗和加大周围留白往往同时使用。

避免信息过载

在一个操作步骤中切忌给出太多的信息,信息过载会严重降低人接受信息的效率,也就影响了体验。

避免功能过载

这个是需要非常注意的一点,在每一个交互流程中,可操作项最好精简到最少,最典型的就是每一个操作步骤中给最少的按钮(点击是最高频的操作)。有些交互流程,甚至是没有可操作项的,如为了使程序单任务执行,在加载的时候不允许任何操作。所以在交互设计的时候,非常有必要想清楚在一个交互流程中,可操作项是哪几个,应该采用什么的加载视图(读条、转圈、遮罩)。当然,更进一步的交互设计是需要考虑前后端逻辑的,后端返回什么参数的时候需要给出什么样的交互样式?

总之,精简可操作项是对用户和程序都友好的设计。

少用颜色

一个页面的颜色最好不要超过3种,如果不幸超过了,考虑用和主色系相近的辅助色,少用颜色往往是不会错的。

友好的文案

文案尽量从使用者的角度出发,使用用户非常熟悉的文案,在字数允许的情况下,最好适当详细一些。

相关文章

  • 交互设计的套路

    明确 可点和不可点要有明确区分。其中可点的一般样式是:按钮(文字带框)、下划线、带颜色的文字;明显的不可点的样式是...

  • 《交互微专业part1》学习笔记

    本章包括3小节:交互设计概述、设计工具Axure、设计规范与设计模式 1、交互设计概述 1.1、走进交互设计 交互...

  • 什么是交互设计

    交互设计是在设计什么 交互设计——设计交互式数字产品、环境、系统和服务的实践。正如大多数设计设计学科一样,交互设计...

  • 10、产品经理深入浅出系列——交互设计

    理解互联网产品交互设计的: – 交互设计之父– 交互设计的定义– 理清几个容易混淆的概念 1、交互设计之父——比尔...

  • 为“不” 和“错误” 设计

    通常我们一系列的设计目标和指导原则都是搞出怎样的ui、交互和工程实现,满足用户需求,按你设计的路线和套路让他行动。...

  • 交互设计师岗位职责分析(三)

    接上文,交互设计师的主要产出物还包括以下几项: 6. 交互设计草图 交互设计草图是在存在多种设计交互方案时,交互设...

  • 交互设计(转)

    目录导读 1.交互设计概念 2.交互设计输出物 3.交互设计相关理论 4.交互设计流程及方法 5.交互设计常见案例...

  • 关于交互设计的一些整理

    什么是交互设计?交互设计的对象是行为。交互设计的五要素为人、动作、工具或媒介、目的、和场景[1]。交互设计在整个环...

  • 交互设计----揭开交互设计的面纱

    交互设计学习 揭开交互设计的面纱 什么是交互设计?交互设计要明确产品的任务需求和目标,通过系统的规划,梳理产品的逻...

  • 用户体验、交互-服务设计等名词解释

    交互设计 Interaction Design 交互设计,又称互动设计(Interaction Design, 缩...

网友评论

    本文标题:交互设计的套路

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