童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

“简”与“洁”,产品界面设计不得不知道的两点

4月12日 莫思归投稿
  避免过度简化,构造合理的对比度,在整体上节奏清晰的体现产品的信息层次及功能架构,在细节当中打磨清晰性、易读与易用性,真正以“产品体验”而非“视觉风格”为主旨进行设计,这是产品设计师们需要去做的。
  “简”与“洁”
  Medium的设计通常会被业界视为“简洁”的典范。不过,对于产品界面设计而言,“简”与“洁”却是有着本质性差异的两个概念。
  “简”,简单,用于描述复杂性。简单的事物,运作方式直白易理解。“简”,是一种使用体验。
  “洁”,洁净,用于描述视觉美感。洁净的设计,通常伴随着较低的信息密度与比重较高的留白。“洁”,是一种外观感受。
  严格控制界面元素数量的设计手法,或许可以塑造外观感受上的“洁”,却未必能够实现使用体验上的“简”,甚至有可能南辕北辙。和很多人一样,我很喜欢Medium洁净的外观,但同时也感到在操作体验方面距离“简单易用”还有一定的距离。
  界面设计的根本目标,在于以产品的功能性为基础而构建使用体验,以使用体验为基础而塑造视觉美感。产品固有的复杂度不容回避,设计师需要对界面的复杂度进行判断与管理,通过必要的复杂度换取产品运作所需要的最基本的可达性与易用性,而非片面的以降低复杂度为目标,以设计的名义损害产品的功能性与使用体验。
  产品设计不是艺术创作
  我一度很喜欢汉堡包菜单,觉得这着实是一种优雅的设计模式,能神奇地节省出大量空间,将全部元素隐藏到三道杠图标背后。不过在很多时候,点击这个图标的感觉会让我想到在“超级玛丽”里面跳起来顶问号砖块时的心情。你总会在那样的一些瞬间寻思:“这里藏着什么来着?有没有我需要的东西?”
  而且,汉堡包图标往往位于界面顶部边角,对于移动设备而言这是最不利于拇指触及的位置。
  相比而言,传统的tab栏模式则可以让你一目了然,无需猜测与思考,无需浪费时间,全然只有“OK,就在那,了解”这样。
  此外,tab栏所处的位置正是多数移动设备的拇指热区所在,操作便捷,尽在掌控。
  我有时仍希望给汉堡包一些机会,然而现实就是现实。一系列测试使我相信,无论是可发现性还是易用性,tab栏都远远优于汉堡包,纵使前者在视觉表现上可能不如后者来的整洁美观。
  对于产品界面而言,干净整洁不代表易懂易用。产品设计不是艺术创作,清晰性、可用性、易用性等诸多要素都是我们需要考虑并付诸实践的,而美观的视觉样式只是其中的一个组成部分。
  别让“干净”毁掉“对比”
  执迷于洁净的外观,将视觉美感凌驾于可用性之上这是如今的产品设计行业当中普遍存在的风气。或许应该重新考虑一下我们究竟在为谁?为什么而设计了?
  过去几年间,我们不断声讨着那些可以为界面元素带来功能暗示性的设计元素,例如浑厚的质感、浓重的阴影、夸张的渐变等等。为了提升内容的权重,我们摒弃了几乎所有在视觉上模拟着现实特性的元素。在很多方面,新的设计思路带来了正面的结果,用户们越发习惯于数字产品的原生化体验模式,而非一味沉浸于拟物化的界面环境。
  但并非所有的变化都能惠利于用户。伴随着新的设计思路而来的极简主义风潮席卷了整个业界,“界面干净与否”的重要程度超越了清晰性、可发现性与可达性。年复一年,如此的趋势有增无减,数字化的内容与功能体验在潜移默化当中遭受着破坏。
  我们倾其所能的制造着柔美而素雅的界面,视觉对比度变得可有可无,越发纤细的文字轻盈的附着在浅色背景之上,标题、正文、边框、背景、图标、表单一切都变成了浅灰色。
  设计的本质在于沟通
  作为产品设计师,我们本该致力于将信息透过界面清晰的传达给用户,毫无保留的帮助他们更加简单快捷的访问内容、使用功能。然而,盲目的附庸视觉风潮,全然以“洁净”与“优雅”为己任,不惜含糊不清、似有若无的将内容与功能呈现出来甚至不予呈现。如此的“设计”只会辜负那些原本信任你的品牌并乐于参与产品使用的用户。
  避免过度简化,构造合理的对比度,在整体上节奏清晰的体现产品的信息层次及功能架构,在细节当中打磨清晰性、易读与易用性,真正以“产品体验”而非“视觉风格”为主旨进行设计,这是产品设计师们需要去做的。
投诉 评论 转载

译文iOS10人机界面指南(四)iOS10发布了,苹果遵循了一切从简但又增加了一些提升用户体验的功能,比如向开发者开放了更多接口,设计者又如何跟随iOS的步伐做好产品设计呢?5。图像(Graphics)……译文iOS10人机界面指南(三)iOS10发布了,苹果遵循了一切从简但又增加了一些提升用户体验的功能,比如向开发者开放了更多接口,设计者又如何跟随iOS的步伐做好产品设计呢?3。特性(Features)……译文来自敏捷(Agile)从业者的10大UX成功技巧125个从业者分享了他们在Agile(敏捷)项目中提升用户体验的经验和成功故事。今年早些时候,我们让UXConference上的敏捷从业者分享了他们在敏捷项目中运用到的的……什么样的产品才能让用户购买?最近经历了很多的事情。发现很多时候做很多事情,都需要看清事物和事情本身的原理。然后得到总结出一些规律和结果。产品经理是什么?这个职业诞生最多10年。但是成长性呢?有时候,……敲黑板!App界面的设计新趋势是。。黑、大、粗这是medium上分享的一篇app设计风格趋势探讨,作者提出了ComplexionReduction这样一个概念,简称CR,直译为“界面消减”。“黑白极简风”是译者对原文……App设计,你该注意这6个关键点或许你已经设计过某款App,又或者你还并没有机会参与其中,又或者你对这块相当感兴趣不管怎样,就目前而言,App似乎是目前我们日常生活里用得最多的东西了。So,如果有一天你要设计……【干货】电商设计中的极简设计极简设计是设计发展进程中的必然结果,这是一种优化的过程,也就是做减法,把不必要的,干扰信息传达的元素删除掉,保留最基本最为有用的东西。本文作者将从排版、颜色、字体三个方面来具体……播放篇如何快速地开发一个完整的iOS直播App本篇主要讲解的是直播app中,需要用到的一个很重要的开源框架ijkplayer,然后集成这个框架可能对大多数初学者还是比较有难度的,所以本篇主要教你解决集成【ijkplayer……五大转变,告诉你如何从UI转型UE?一天,一位超级美丽的女童鞋,加了笔者微信,向笔者咨询如何从一名UI设计师转型成为UE设计师?其实这个问题,最近被问及颇多,今日就简单地聊聊。UI如何转型UE?1、思……404页面的几个设计思路经常有看到一些平台分享404页面的设计,但只是丢了一些别人设计好的页面,再无其它说明。毕竟设计师都清楚设计404页面并不是只是单纯地画一幅插画而已。于是花了一些时间搜集和分析了……二手电商产品分析丨从前端导购场景与关系链角度谈谈二手电商的产导读:得益于十余年来各种一手电商平台对市场与用户的教育以及共享、分享经济浪潮的兴起,互联网化的二手、闲置商品买卖、置换成为越来越普遍且简单可实现的生活方式。3。2导购功能……“简”与“洁”,产品界面设计不得不知道的两点避免过度简化,构造合理的对比度,在整体上节奏清晰的体现产品的信息层次及功能架构,在细节当中打磨清晰性、易读与易用性,真正以“产品体验”而非“视觉风格”为主旨进行设计,……
基于微信的产品设计03:让微信分享更加完美时代变了,设计变了,我们的思维要如何才能跟上变化(附PPT文留存率增长实战秘籍,App积分系统的搭建与运营产品汪设计师终极指南:如何快速转型VR设计?当你在做一款产品之前,该如何做产品规划?需求放大理论网易云音乐UX分析关于易用性你需要考虑到的关键点关于手机号注册的一些思考从四个维度为新浪微博把把脉数据产品的设计核心及工作实践如果让我来做虎牙直播,我想解决这几个问题

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界