首页

交互设计师,你要懂视觉

交互设计师之所以要懂得视觉语言,主要体现在原型制作的工作部分,
因为输出的虽然是低保真原型,但低保真原型的设计过程其实也是一个视觉化过程。

废话少说,直接解释吧(大致按照动手的时间顺序,以数字媒体界面为例)。


1 设计界面框架要懂视觉
在定好功能,搭好信息架构之后,一般进行单独界面的框架设计(鬼扯,真实的操作顺序谁知道!)
框架设计是元素在界面上的大致布局,界面分几块区域,哪一块区域放什么内容之类的。
这里需要交互设计师确定这么几件跟视觉有关的事情:

用户到达页面才是设计的开始

蓝蓝设计的小编

很久之前认为一个项目的完成和上线是一个项目的完结,
后来认识到,一个项目或页面的上线不是结束而仅仅是开始,
现在明白了,用户到达页面,我们的设计才是刚刚开始。

我不敢说是绝对的或者百分百,但是用户到达该页面、该网站、使用该产品,这之前更多的依靠的是搜索或者运营的推广。作为负责部分项目的UE/UI设计师来说,我不是产品,不是项目经理,更不是运营和广告我没有那么多的能力去干预用户到达或者使用我的设计。

 
下面单说一下我理解的用户到达页面的三种状态。
我认为一个页面浏览行为可以分为:浏览前、浏览中、浏览后,三个阶段。

 
初级设计师或者是产品亦或是互联网工作人员大多认为:浏览中才是我要做的,要花心思做的。
点击查看原图

如何打造软件、应用类shopping mall

蓝蓝设计的小编

 2011年各大移动应用商店迅速崛起,群雄割据。在移动应用商店的基础上,软件商店也悄然形成。这些软件、应用类商店形式多样、风格迥异。一些成功的应用商店都已然向“shopping mall“迈进:比如应用商店的大赢家苹果APP Store(i Pad、iPhone), 国内的安卓市场、网易应用、腾讯应用中心等等。这些商店成功的秘诀在于他们不仅仅将产品定位于一个简单的提供应用下载的工具,而是精心运营和设计,创造出一站式提供应用服务的场所。

  怎样的软件应用类商店是最完善的呢? 如何使软件应用类“商店”提升为“shopping mall”呢?对此,本文从shopping mall的规划原则着手,找寻其与软件应用商店的共通点。通过任务和场景对现有的几大应用商店进行分析,提炼软件应用类商店的设计要素。

  Shopping mall的定义是:大型零售业为主体,众多专业店为辅助业态和多功能商业服务设施形成的聚合体。而一个完善的软件应用类商店应该是集仓储、商场、服务与一身的软件应用中心。就如一个完善的购物中心,销售的是种类各异的软件。下图从角色、任务和场景3个方面对shopping mall和软件、应用商店进行对比分析。

 

 

界面设计中的结构设计

蓝蓝设计的小编

构建界面视觉层级的元素有颜色的显著程度,图片、文字的尺寸大小,还有最基础的,内容的组织结构。

结构设计是指对界面内容进行分组,对界面中的信息、数据进行设计使之结构化呈现的过程。

好的结构设计能使界面信息传达更加清晰、快捷。那么,如果进行结构设计呢?

qq订票页面交互的一些看法

蓝蓝设计的小编

本部分将结合已经上线的QQ旅游订票系统的分析,给出解决方案

系统邮件体验设计

蓝蓝设计的小编

每天我的邮箱都会收到很多系统邮件。有些是网购订单的状态通知,有些是网站活动宣传,有些是社交网站消息提醒。相信大家也都有和我一样的烦恼:怎么老是这么多垃圾邮件!淹没掉我重要的邮件啦!烦死啦!!你们有没有为我们着想啊!! 其实从交互的交互来看这些邮件,还是有很多的学习地方的,俗话说:三人行,必有我师焉。择其善者而从之,其不善者而改之。所以今天我们来一起从分析下这些邮件。

我们先来普及邮件的几个概念棕色字摘抄于同事heidi的博文 —— 让电子邮件更给力 ):

几个重要的假设前提

     1. 很少有人愿意阅读长邮件 ——除非你告诉他不读会怎么样,赋予他责任

     2. 很少有人愿意无理由主动做什么事情 ——特别可做可不做时,除非价值观特别好,喜欢多管闲事

      3.很少有人会仔细阅读你的邮件 ——千万不要发一封面向很多人的邮件,然后指望大家都在里面仔细阅读找出你期待他做什么事情。

不好的邮件特征

    1.写成散文,长而枯燥,又期待人去阅读——这是不现实的  

      2.重点不突出,反而依赖收件人去提取关键信息:时间、行动、目标

     3.群发,导致邮件无针对性——《影响力》一书的观点时,如此会导致责任感被稀释和分散,发送的人越多,真正有价值的回应会越少

与此对应,好的电子邮件应该让收件人一眼就扫到 重点:是什么,作为收件人,我需要在什么时间做什么。

我们对系统邮件给一个区分:1.不必要处理邮件(纯宣传邮件),2.必要处理邮件(购物订单状态通知),3.可选处理邮件(社交网站消息提醒)

交互细节分析——分页

蓝蓝设计的小编

交互细节分析-分页
 

说说目前常用的三种分类显示信息方法:

常规翻页          信息滚动翻页         滚动条

前者是横向翻页方式,后两者是纵向的信息翻页。分页作为很小的一个组件,大多数网站都不会花费什么精力去设计,设计也大同小异,用户已经使用习惯学习成本为0,但如果能够在细节上做的更细致贴心一些,用户的使用体验会有所提升。

交互细节分析——注册&登录

蓝蓝设计的小编

交互细节分析——注册&登录

        注册&登录是一个网站的门户,它的设计姿态就是对待客人的态度。虽然用户可能每次都只花极少的时间在注册&登录互 动,但是这个“瞬间”却举足轻重,用户与注册&登录之间的交互关系承上启下的一个节点。注册&登录所有的细节影响了能否完成产品战略定位 所设定的最基本任务去吸纳其所希望的用户的使命。基于很多交互设计前辈的研究,作了一些细节中的细节分析。感谢身边帮助我的朋友们。

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档