全国服务热线:4008-888-888

技术知识

谈谈网页页面设计方案中的Less和More(图)

  Less is More是许多设计方案师的口头禅,它最开始是由工程建筑高手Ludwig Mies van der Rohe提出,是1种倡导简易,抵制过多装饰设计的设计方案理念。在此基本上,持续的有设计方案师对这个观念加以改善和新的讲解,如今它早已变成了设计方案界的1个基础基础理论和规则。该基础理论的拥戴者觉得,应用简洁的设计方案,除去无须要的细节,可让商品和客户得到更大的盈利,造成更好的实际效果。
  在传统式制造行业,有许多有关Less is More的取得成功实例。
  1979年,索尼发现绝大多数客户针对播发的要求远宏大于音频,因此她们去掉了传统式音频机的音频作用,乃至去掉了那时候觉得必不能少的外接扬声器。随后把剩余的一部分保证1个小盒子内,并配以立体式声耳机。这便是盛行全世界的Walkman随身听。
  1984年,IBM在电脑鼠标和运动轨迹球的基本上,精简构造,创造发明了TrackPoint(小红帽),在挪动机器设备上合理的取代了电脑鼠标的作用,并处理了运动轨迹球占有室内空间过大等缺陷。如今TrackPoint早已变成了Thinkpad笔记本的标示,而且相近的设计方案被运用在许多别的品牌的笔记本电脑上上。
  2007年,iPhone精简了手机上的功能键,乃至砍掉了全部实体线电脑键盘,推出了iPhone。在全球范畴内引领了1场智能化手机上的改革。
  上面这些全是Less的观念带来的极大取得成功。可是在具体的设计方案工作中中,有时大家会由于针对这个观念了解不足刻骨铭心,而犯下1些不正确。因此,实际的设计方案到底是该Less還是该More,還是应当依据具体状况来决策。例如下面这些事例:
  1、百度搜索商业服务商品的某处细节
  在百度搜索营销推广的凤巢这个系统软件中,1个账户有以下的基础构造:账户 > 营销推广方案 > 营销推广模块 > 重要词。如图:
  也即:1个账户中,能够有好几个“营销推广方案”;某营销推广方案中,能够有好几个“营销推广模块”;某营销推广模块中,能够有好几个“重要词”。如今PM必须上1个新作用,他出示了这样的1个草图:
  PM解释说:“我必须1个精准定位器。可让客户挑选精准定位到「全账户」、某「营销推广方案」、某「营销推广模块」或某「重要词」。简易画了1下,本着‘少就是多’的标准,我把它们组成在了1起。”
  我看了之后很疑惑,问到:“假如我想精准定位到全账户,该怎样实际操作?”
  PM回应说:“全账户的话,就甚么都不选,立即点「查询」便可。”
  我:“晕…”
  这是1个较为典型的,精简了页面上的內容,但却损害了客户体验的事例。尽管这样的设计方案是最简约最省室内空间的,可是却没能表述清晰这里的作用。后来历经探讨,将其改成了相近下面这类:
  也即,在原来的往下拉框和键入框以前,再加了4个选项。这4个选项,各自对应着能够做剖析的4个不一样等级,仅有选定了等级以后,才会在正下方出現该等级下面的实际挑选控制。这样的修改,将客户的每日任务分为了两个流程:1、挑选自身要剖析哪一个等级。2、挑选实际的剖析目标。尽管步骤变长了,点一下次数变多了,页面上的元素也变得更为繁杂了,可是盈利很显著,那便是全部步骤变得更为简易畅顺了,客户基本上不用任何思索便可上手实际操作。因此页面元素上的More反而提高了具体的客户体验。就好像《Don’t make me think》这本书中的1句话:“点一下是多少次都没事儿,要是每次点一下全是不用思索,确立无误的挑选。”
  2、网页页面上的斜体字
  在许多英文网页页面上,设计方案师会挑选将1些文本变为斜体。针对英文来讲,在1些特殊的字体样式下,斜体字会较为美观大方,另外这类实际效果在1些特殊的场所也担负着1定的独特含意。例如在维基百科中,斜体字常常会用来写书名或注解类內容,如图:
  在上面的截图中“This article is about the line of …”这1行內容,是注解的特性,并不是详细介绍iPhone的文章正文,因此维基百科应用了斜体字。有效的应用这些款式,能够提升读者的阅读文章高效率,还可以提高美观大方水平。
  可是就斜体字自身而言,我觉得它其实不是很合适汉语网页页面。理由很简易,在汉语网页页面较为通用性的12px字号下,斜体中国汉字的鉴别性会变差。比如,下图是某航空企业网站上,同1作用控制的两种不一样語言的比照截图(以便让难题更显著,我挑选了繁体汉语):
  从截图中大家能够清晰的看到,左边的英文版,在Arial字体样式功效下,斜体字主要表现得非常好。看得清,又美观大方。可是右边就较为不幸了。汉语的12px宋体字,加了斜体款式后,鉴别度比较严重降低(这就有点儿像Ludwig Mies van der Rohe所说的“过多装饰设计”)。非常是1些比画较为多的中国汉字,会出現叠在1起的状况。
  明显,在这个事例中,设计方案汉语版的情况下,应当更Less1些,去掉斜体款式体验会更好。
  3、播发按钮和电話功能键
  在许多电子器件商品上,设计方案师应用1个向右的3角标记来意味着播发键。这早已是1个制造行业规范,大家见到这类标记,就会很当然的造成正确的认知能力。因此当再度设计方案相近作用的情况下,大家能够立即延用这个标记:
  在上图所示的3个彻底不一样的播发手机软件中,大家可以随便的寻找意味着播发作用的那个按钮,其实不必须在图型下面注明“播发”2个字。这样即节约了室内空间,也传递出了大家针对作用的界定。这里的Less做到了More的实际效果。
  可是,这是不是代表着,在为1个商品设计方案功能键的情况下,都可以以延用这类只出示图型不出示文本的Less方法呢?回答1定是不是定的。例如:
  这是某品牌电話机上面的功能键,有谁能猜出数据键上方的3个功能键的实际含意?非常是第1个和第3个,将会除这个商品的设计方案者以外,绝大多数客户都没法在第1時间得出精确的结果。针对实际应用该商品的客户来讲,她们遭遇的不仅是作用上的疑惑,更关键的,是她们在实际操作这个商品的情况下,针对按下这些功能键之后会产生甚么,将没什么预期。假如沒有预期,许多客户就会挑选压根不去尝试,那末即便这个作用自身很有效,也无法取得成功营销推广。假如大家的Less是创建在表述不清晰的成本之上,那就偏移了Less本来的初衷。在这样的细节上,我觉得還是考虑到在按钮下面标上文本吧,或,立即把图型更换成文本来表述。
  总结
  1、简洁的设计方案在许多情况下可让商品应用起来更为顺畅和高效率,可让客户体验更好。
  2、但有时大家针对Less is More这句话的了解还不足深入。它的原意是抵制“过多装饰设计”,而并不是1味的“简易”。
  3、Less不仅是UI上的简易,更关键的,是步骤、认知能力层面的简易易用。假如以便精简UI而搞乱了步骤,就因小失大了。
  4、更关键的标准,還是那句經典的Don’t make me think
  作者:xidea


在线客服

关闭

客户服务热线
4008-888-888


点击这里给我发消息 在线客服

点击这里给我发消息 在线客服