首页

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

蓝蓝设计的小编

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

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

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

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

和用户谈恋爱——爱情三角理论与用户黏性

蓝蓝设计的小编

亲密是爱情关系中的温暖体验,是一种朋友般的亲近。由于真正喜欢和对方在一起,渴望同对方一道建立更有凝聚力的和谐关系,希望把自己的生活以坦诚、不设防的方式与对方分享。伴侣间会发展出属于两个人的沟通风格,熟悉彼此不完美的个性。亲密令恋人互相关心,善待对方,满足彼此的需要和欲望。亲密没有激情强 烈,但能促进恋人相互亲近,让人感受到人际温暖。

案例学习 - 响应式网站的产品需求和设计流程详解

蓝蓝设计的小编

根据DailyTech的统计,到2015年,移动互联网的用户数量将会超过桌面用户。除了智能手机之外,使用平板电脑甚至是电视机进行上网的用户也在持续增加。在这种形势下,怎样让我们的网站尽量兼容各种类型的设备,并确保优良的用户体验,这将是越来越重要的问题。

通过响应式的设计开发方式,我们可以使网站页面随浏览设备的不同而自行响应,动态的调整布局结构、元素规格样式,将相同的内容以不同的格式呈现给不同设备的用户。

如果你对响应式Web设计还不大了解,可以先参考阅读我们之前的关于响应式设计的概念、组成要素及基本实现思路 方面的文章,全方位预热一下。

什么情况下适宜采用响应式Web设计的方式

当客户提出产品功能移动化的需求时,有一些解决方案可供我们选择,包括原生客户端应用、Web应用等;究竟怎样的方式更合适,还是取决于具体的需求情况。另外也要考虑网站本身是否需要实施移动化。虽然响应式站点并不能算是一种纯粹的移动化解决方案,但是,在某些情况下,这种方式是非常值得考虑的。

你心里没谱

设计开发一个全新的移动版本站点或是客户端应用,整个过程是有很大挑战性的。除非产品正式上线,否则你无法真正了解它是否会成功。与其单纯的为了移动化而花费资源打造移动版本站点或是开发客户端应用,不如先花些心思将原本的网站打造的更具弹性,使其在各种主流移动设备中都拥有尽量优秀的用户体验。

你想节约成本

要打造响应式站点,自然离不开有经验的交互、视觉设计及前端开发人员。所需的资源,尤其是时间方面,比起普通网站来说大约增加20%到30%的样子;但比起单独打造移动版本的网站,或是设计开发客户端应用的成本来说,却要低很多。从维护的角度来说,也会轻松很多。

你希望网站可以兼容未来的新设备

所谓的移动版本站点,通常是针对某类具体规格的设备进行单独打造的,弹性比较差。新的移动设备层出不穷,传统的移动版本站点需要不断的进行更新维护,才能尽量保证在新设备中工作良好。响应式设计可以根据设备浏览环境的具体规格进行判断,使用不同的呈现方式来展示内容,无需针对某种特定的规格进行维护,适应性更好。

表单设计与转化率的提升

蓝蓝设计的小编

 

无论是用于注册、支付还是联络,我们总是需要通过表单来获取用户的信息。不幸的是,在现实当中,总会有很多访问者一见到表单就会立刻点击浏览器上的后退按钮。这里面原因有很多,例如表单篇幅太长、不大友好、不那么值得信任,或是用户还没真正准备好进行交易等等。

这种情况每发生一次,我们就失掉了一个潜在用户。怎样将表单设计的让尽量多的访问者更愿意完成填写,这是设计师们必须面对的挑战。站在用户的角度,我们可以将问题分为四个方面。

我能得到什么?

一提到“转化”,设计师们首先想到的往往是一些相关操作的细节问题,包括按钮的颜色、标题的字号、对比度、对其方式等等。当然,这些是必须考虑的,但最最首要的问题是:作为网站的访问者,我为什么要填写表单?我能得到什么?

访问者不会简单的因为你提出了相关要求而把自己的个人信息透露给你;你要让他们看到这样做的好处在哪里。不妨把这件事看作一种交易,你的访问者提供他们的名字与邮箱地址,从而换取到一些他们需要的东西,例如享受服务、免费试用软件、下载PDF文档等等。

点击查看原图

除了让浏览者知道他们能得到什么东西以外,你最好还能告诉他们这东西为什么是他们所需要的。要聚焦在产品的价值上,如果你能用最简单的介绍文字描述出你的产品能帮用户解决怎样的问题,唤起他们的共鸣,那么即使表单本身稍微复杂些,他们也会愿意完成填写;否则,字段最少的表单也不会引起他们的兴趣。

Q+ Web 改版设计小结

蓝蓝设计的小编

  WebQQ1.0最初以IM工具进入用户的视野,2.0标志着WebQQ华丽转身为平台型产品,3.0是我们在深化应用平台概念的定型,纵观webQQ的演化,其独特的产品形态一直被业内各竞争对手所仿效。 Q+Web的到来,我们将以更成熟的姿态拥抱变化,更强调平台体验的优化。我们总结了中间的各种反复和挑战,并希望以此积蓄经验和力量。

 

Webim v5 那点事儿

蓝蓝设计的小编

为什么要改版?

随着科技的发展,时代的进步,微博用户的上网设备也在快速更新。研究一下微博用户的屏幕分辨率使用数据我发现,屏幕分辨率越来越高的同时,伴随的一个数值,也就是显示器显示网页外的空白面积也越来越大,如何利用好这部分空间是一个值得研究的课题。

前期看了一些同类产品

对于手势的一些思考

蓝蓝设计的小编

Clear的出现引起了大家对手势操作的热忱, Google新专利采用“连续手势”也让我们看到了个性化手势的前景。确实,手势操作能够减少界面元素,提升效率;但其不可见性,抽象性,需记忆性等特点也决定了它的弊端。如何扬长避短,根据现有手势的特点在合适的情境中使用,同时根据文化约定、实物隐喻、表音、表意等发想创新手势,而非一味地追逐跟风,值得我们思考。本文结合了珊璞之前对客户端手势应用的分享以及网上的相关资料,从手势的空间感带来的心理感受,手势赋予的功能,引导方式,与动画的配合,创新几个角度进行了总结。许多是大家已知的想法,在这里仅做简单的梳理;而引导方式、与动画的配合等,希望大家能有更多的思考,因为通过动画、转场、拟物等方式,可以使注意力与流程更加流畅,同时贴合现实世界,从而有助于手势的抽象性、需记忆性的克服。阅读全文

一、空间感带来的心理感受

拒绝平庸——浅谈WEB登录页面设计

蓝蓝设计的小编

  用户活跃度是检验产品成功与否的重要指标之一,传统行业的商家极为重视门面的装潢,因为一个好的门面可以聚集人气,招揽更多的顾客。古时候的大户人家院子门口的石狮子或其他的摆件的摆放极为讲究,有一定的风水学说道理,更能彰显主人家的身份地位.由此可见,“门面’就如人的脸面之于人的形象一样重要,而WEB的登录页面就相当传统的“门面”。

Android 4.0设计初体验

蓝蓝设计的小编

Android系统是目前智能移动设备中增长速度最快的平台,但App的设计却没有形成自己的风格,绝大都数都是ios风格的移植适配。Google 在去年的10月份发布了Android 4.0 的界面规范,在样式、控件上都做了非常个性化的革新,但由于Rom的多样化,设备的不统一,新的4.0设计规范并没有得到广泛的普及。但以移动设备更新换代的速度,Android 4.0将会是趋势,与ios的差异性也会越来越明显。由于博主的性格属于典型的喜新厌旧,所以打算结合手上的项目做一个吃螃蟹的人…

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

蓝蓝设计的小编

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

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

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

 

 

日历

链接

个人资料

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

存档