1.图形化的导航
社交网的信息十分繁杂,因此导航的引导就显得至关重要。没有公司比Google更大胆了,将导航的tab全部简化成icon,只有鼠标hover上去的时候才会显示这个tab的注释。显然,这对新手用户而言,有一定的学习门槛的,但是我们从中无不从中感受到了简洁的力量,图形化导航让整栏显得干净整洁,功能集中,切换方便。
纵观国内外几大主流社交网的导航,导航大多采用的是文字,虽然从功能上看一目了然,但是由于文字本身不
加载中…
加载中…
加载中…
加载中…
加载中…
加载中…1.图形化的导航
社交网的信息十分繁杂,因此导航的引导就显得至关重要。没有公司比Google更大胆了,将导航的tab全部简化成icon,只有鼠标hover上去的时候才会显示这个tab的注释。显然,这对新手用户而言,有一定的学习门槛的,但是我们从中无不从中感受到了简洁的力量,图形化导航让整栏显得干净整洁,功能集中,切换方便。
纵观国内外几大主流社交网的导航,导航大多采用的是文字,虽然从功能上看一目了然,但是由于文字本身不
一个LOGO对于一家企业的重要性不用我说相信大家也都知道,不管是从视觉的品牌传播方面,还是对于传达企业对内对外的精神和文化理念方面,小小的一个LOGO都处在一个举足轻重的位置。好了,废话不多说,开始正题。
有人说“即使一把火把可口可乐烧得精光,它也能凭借着它的LOGO东山再起。“当然了,至于有没有人说过,我们无法考证。但是这句话充分说明了一个LOGO所能发挥的作用。下面我从5个方面来说明如何才是一个好的LOGO:
1. LOGO应该有代表性的寓意
中国银行的LOGO的经典之处也不用我来多废话,我们来看一看它所包含的寓意:
(1)首先,既然是中国银行,它的图形部分中间实际上是一个中国的“中”字;
(2)其次,外圆中方的造型,则代表着中国的古钱币,将银行这一特性表达出来;
(3)再次,圆形的外观则指中国银行面向全球,着眼世界。
在前一篇的校验思考中,我们整体概括了一些校验出现的类型,出现的情况,以及校验设计的设计原则与经验。而在具体设计过程中,需要结合产品的业务逻辑,旅游机票预订的全流程,是我碰到过交互逻辑中,相对比较复杂的情况,它的搜索来说也囊括了比较多的输入项,和各种类别的表单控件,因此它的校验情况也相对比较多样化。
我们来探讨下预订机票中的搜索表单
1、
就拿机票来说,在未填写前,有很多网站做了暗提示来辅助用户更方便的操作输入。
国内的通常做法是提示你可以输入的格式,实例,如:
比如淘宝,就把地址选择的输入格式用暗提示的方式告诉用户可以输入汉字拼音和首字母,清晰明了。
![]()
你是否经常碰到在填写表单时,提交无数次却还是无法通过校验的情况;或者你是否在为不知道填写中哪里出现错误而抓狂;再或者你是否碰到过当你填写了一大堆信息,之后点击按钮提交时,校验报错的同时,你发现你所填写的所有的信息都被清空;或者你还碰到过很多很多校验当中出现的问题,那么我们现在就开始进行表单校验设计的思考。
那校验有哪些情况呢?
1、
提到校验,我们往往会联系到提交表单后出现的错误提示类信息,但是其实在填写表单前的提示信息与表单填写校验有着莫大的关系。
此类提示信息能够帮助用户在填写表单前,降低出错的可能性。它出现的形式分为以下几类:
a)
出现情况:一般提示信息比较简短,能够让用户一目了然的记住,并且不干扰表单的填写项。
如今的社会早已是信息社会,能快速高效的获取信息,成为了竞争力的核心,早已在十几年前,互联网的普及就已经加速了信息的流动,大家获取信息的方式也逐渐转向更高效的互联网,而现在,微博时代的来临,又给大家带来了什么样的信息呢?
记得某位互联网巨头说过,用户对互联网的四大需求是:信息共享、通讯、娱乐互动、电子商务,其中信息共享又排在首位,是重点中的重点,那么作为设计师,该如何为信息设计呢?下面我将从四个方面阐述微博在信息共享中做了什么,又会指导我们怎样为信息设计:
一、信息获取
大家看这样3个界面,分别是微博、人人和开心的信息流,有什么不同吗?

咋一看很相似,仔细阅读起来,还是有很大不同的。

微博的内容更简单,大部分都是直接完整显示,可以连续阅读,
网页端搜索引擎的简单易用一直是网页产品设计中的优秀范例。 它巧妙地利用大片留白,一个搜索框入口,链接排布形式和品牌LOGO的互相搭配,在一个页面里为用户提供了绝佳的用户体验。强大的产品特性也使其成为上网冲浪必不可少的工具之一,帮助用户挖掘到未知的网络世界。
随着移动互联网的快速发展,移动信息量也迅猛膨胀,用户对手机搜索引擎的需求也与日俱增。因此搜索引擎也纷纷开始酝酿自己的手机产品。和PC机相比,手机端硬件更加局限,使用场景更加多样,交互形式更加丰富,因此简单的网页页面移植已经不能满足用户对于手机搜索引擎的需求。所以简单页面也开始了华丽变身,纷纷设计了自己的独立客户端。
当将简单的页面转变为客户端软件时,应该如何设计呢?下面将会为您逐步揭晓这些产品设计的攻略。
移动客户端的设计和网页设计不同。由于屏幕大小的限制和移动端性能的影响,产品的结构和网页相比会更复杂, 层次也会更多。产品将面临的挑战是:用户已经习惯了网页排布的使用方式,他们不愿意花费精力去适应一款全新交互的产品。
网页中常见一些页面其复杂程度是递进的,类似变形金刚日常保持汽车人形态,遇到战斗场面他们会伸展出四肢抡起武器为自由而战! 在交互设计中我们称这种类似“变形”的情形为“渐进展开”。该策略用来应对展现复杂的信息,即只有在用户需要的情况下,才显示信息。适当地使用此设计原则,可使产品简约,操作逻辑清晰。以下举几枚栗子,请大家品尝。
实现“渐进展开”的操作类型基本为四种:分级式分层展现,点击触发,鼠标滑过+点击触发,鼠标滑过。在不同功能中可灵活运用,结合产品风格特性,会使设计增色不少。

首先来看Facebook Ads投放操作,展现只有第一步,输入完毕后点击继续,进入第二步。

如今是数字化时代的天下,我们逐渐习惯并享受由数字营造的现代生活。计算机技术在人们生活与工作中得到广泛的应用。特别是在设计领域,有些设计师变得很依赖于计算机软件所带来的视觉效果,也从中发现了许多前所未见的视觉形象和制作技巧,极大地丰富拓展了想象空间和创作手段。同时它对传统设计手段和思维创意过程的冲击也是巨大的。
我们知道,视觉设计的历史发展由来已久,最早的视觉设计表现为图腾、宗教符号和皇室、军队、家族的徽章标记等。从20世纪初开始,视觉设计领域大大地拓宽了,它的作用已经彻底改变了人们所处的环境,客观的信息被简化或强化,增加了信息传达的有效性。而发展到了现在,计算机技术的应用颠覆了人们的传统审美观念和审视作品的方式,成为了影响和改变人们工作、生活习惯的学科领域。而由于计算机设计软件技术的快速发展,如果对新的技术不能快速跟进就意味着落伍,也使得设计师们更加依赖于计算机软件技术所带来的视觉效果,从而整日沉溺在显示器和鼠标当中。结果导致因设计表达语言和表现手法
之前在交互周会上,作为项目分享了之前做过的拍卖线的出价流程,由于讲的比较匆忙,所以还是想整理成文字,累积下。做多了日常以后,常常觉得如果不多做字面的积累,很多看似瞬间的累积,很快就会被更多的项目淹没~~
之所以把这个项目分享出来,是因为觉得我们在工作中所做到的大小日常,99%的都不是“无中生有”的,都具有一定的历史,也一定有一定的痛点,一定也有新的业务变化在里面,如何在短时间内把握这些因素,迅速转化为一个合理的方案,是有一定方法的,虽说方法不一定完美,但希望给大家一些思路。
开始正题,大概介绍下这个出价流程的背景:拍卖线原来拍卖信息确认的页面是和普通购买产品是相同的,随着拍卖业务的发展,觉得有必要以更简单的形式来进行操作,所以浮窗的形式变随之成为新的出价流程形式。由于拍卖涉及到很多不同的概念和判断,而之前做的一版浮窗出价流程并没有交互设计完整的参与,导致了页面逻辑中有一些问题,所以需要交互再次参与进来将这个出价流程梳理好,但另一方面,之前尽管有问题的出价流程由于业务需要,却正在上线中……
首先,从项目的背景中,就可以总结出这个项目有几个特点:1,有大概的交互形
前些日子,有位老同事来和我讨论频道首页的设计,这才想起来我原来是做媒体的,以前还画过不少内容页面原型。悲惨的是,我对内容页面的理解在转型产品后才渐渐成熟,以前画的那些都挺平庸。做媒体的又有几个人去研究内容界面的交互心理呢?
过去从实践与反省中得来的经验之谈,不妨讲讲。
1、定位
第一条和界面设计没关系,和定位有关系。做网媒最大的陷阱就是“贪”,从平媒转网媒的人尤其贪,觉得内容容量无限大,转载成本无限低,什么东西都想往里边塞。但你的推广位是有限的,最多20条;你的要闻区也是有限的,最多30条;二三十条内容想传递清晰有力的媒体形象,必然贪心不得,有所取舍。取舍之道并不取决于你有怎样的内容情怀,而是针对主站用户群去作因地制宜的筛选。
有人说,除了推广位和要闻区,我还有更多的栏目区块和栏目页面嘛。此话谬矣。推广位和要闻区是新用户接触你的必经之路,也是整个频道的门面。挂羊头卖狗肉这种事情,没得好下场。所以“定位”的加减法,是考验频道主编的核心能力。
2、通透
设计内容页面,最重要的术语是“通透”,意思是从上至下保持统一的分