<![CDATA[蓝蓝设计资源共享]]> http://www.lanlanwork.com/blog/ zh-cn www.emlog.net 系统邮件体验设计 http://www.lanlanwork.com/blog/?post=605 每天我的邮箱都会收到很多系统邮件。有些是网购订单的状态通知，有些是网站活动宣传，有些是社交网站消息提醒。相信大家也都有和我一样的烦恼：怎么老是这么多垃圾邮件！淹没掉我重要的邮件啦！烦死啦！！你们有没有为我们着想啊！！ 其实从交互的交互来看这些邮件，还是有很多的学习地方的，俗话说：三人行，必有我师焉。择其善者而从之，其不善者而改之。所以今天我们来一起从分析下这些邮件。

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

几个重要的假设前提

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

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

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

不好的邮件特征

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

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

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

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

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

阅读全文>>

]]> Thu, 17 May 2012 16:37:23 +0000 黄娟 http://www.lanlanwork.com/blog/?post=605 后台系统规范设计心得 http://www.lanlanwork.com/blog/?post=606

后台系统采用一整套UI,为什么会形式各异？能统一并带来更好的体验吗？基于交互设计师自己的内心疑问，我们迫切的产出一套设计规范用于统一后台操作系统，利于用户使用习惯的培养和延续，降低学习成本，提高使用效率，有效提高开发效率，方便功能的优化扩展。基于现有的系统，我们抽丝剥茧，才有了如今的阶段性成果。

用户是谁？需求是什么？交互设计师对于一个项目最基本的了解就是源于这两个问题。我们做这次规范也是如此。。。。。。

阅读全文>>

]]> Wed, 16 May 2012 16:44:51 +0000 黄娟 http://www.lanlanwork.com/blog/?post=606 不看不见de视觉，不知不觉de设计 http://www.lanlanwork.com/blog/?post=603 隐形的尺寸、边缘的思量、手势的语汇、动画的语法… 看得见的视觉，看不见的视觉背后的设计故事——阿里巴巴中国站无线产品经验总结…

阅读全文>>

]]> Mon, 14 May 2012 14:22:03 +0000 黄娟 http://www.lanlanwork.com/blog/?post=603 交互细节分析——分页 http://www.lanlanwork.com/blog/?post=598 交互细节分析-分页
 

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

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

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

阅读全文>>

]]> Sun, 13 May 2012 10:24:24 +0000 黄娟 http://www.lanlanwork.com/blog/?post=598 交互设计细节——搜索 http://www.lanlanwork.com/blog/?post=599 交互设计细节-搜索

 

一    推荐字  

关于推荐关键词放置位置的问题：

  • 推荐字在框下：：普遍认为放在下面好一些，从版面美观度考虑，从给用户的冲击力和干扰程度考虑；
  • 推荐字在框上：有时搜索框上面会放分类等tab，推荐关键字易被认为作分类；但具体放在上面给用户带来的干扰程度，是否会让很多用户很讨厌，笔者认为来搜索的用户普遍目的性较强，会下意识自动过滤掉自己不需要的内容，此时的用户是很难被干扰到的，可放心放到搜索框之上；但可能喜欢清爽一些或有洁癖的用户比较希望什么都不要放。

阅读全文>>

]]> Sat, 12 May 2012 10:33:48 +0000 黄娟 http://www.lanlanwork.com/blog/?post=599 互联网的交互设计 http://www.lanlanwork.com/blog/?post=600 一、交互设计是做什么的

一些朋友和同事都在问交互设计是不是做的就是逻辑，互联网的交互做的最多的就是点击和跳转，这听起来似乎没错。但是交互设计做的就是逻辑吗？交互做得就是点击、跳转，纯理性高逻辑的活儿吗？

阅读全文>>

]]> Fri, 11 May 2012 10:38:23 +0000 黄娟 http://www.lanlanwork.com/blog/?post=600 自适应网页设计 http://www.lanlanwork.com/blog/?post=593  

随着3G的普及，越来越多的人使用手机上网。

移动设备正超过桌面设备，成为访问互联网的最常见终端。于是，网页设计师不得不面对一个难题：如何才能在不同大小的设备上呈现同样的网页？

手机的屏幕比较小，宽度通常在600像素以下；PC的屏幕宽度，一般都在1000像素以上（目前主流宽度是1366×768），有的还达到了2000像素。同样的内容，要在大小迥异的屏幕上，都呈现出满意的效果，并不是一件容易的事。

阅读全文>>

]]> Thu, 10 May 2012 13:36:20 +0000 黄娟 http://www.lanlanwork.com/blog/?post=593 浅析iOS界面设计方法 http://www.lanlanwork.com/blog/?post=595

 

眼看移动互联网之风吹遍祖国大地，各种移动应用接踵而来，作为互联网设计师，若能掌握一些基本设计原则，将会对新平台带来的的挑战轻松应对！今天就以iPhone为起点，让咱们来分析一下iOS界面的设计方法～ 

开始前先整理下思路，目前移动互联网的界面设计有2种：即移动webUI 和 移动客户端UI 。

对于设计而言，移动web满足人们高效快速的信息浏览，注重排版和信息整合； 而客户端可以实现更加丰富的交互体验，注重层级关系和操作引导。 思路捋顺了，接下来就开始一层层把它们展开吧~

阅读全文>>

]]> Wed, 09 May 2012 14:22:55 +0000 黄娟 http://www.lanlanwork.com/blog/?post=595 PIC那些事儿 http://www.lanlanwork.com/blog/?post=590 在我们的生活，工作，学习过程中，社交网络已经逐渐成为未来互联网发展的趋势。今年，Facebook,Twitter,Google+都是时下社交网络的热门产品，每月的用户使用量都在逐渐增多。

　　然后，今天我要谈的并不是这些我们耳熟能详的热门互联网产品。

　　而是现如今，随着社交网络的日新月异的变化着，我们越来越多的年轻人都在使用手持无线设备上网，进行他们的交际圈子，这也是图片社交新兴的一个 时代。图片分享的社交形式越来越普及，许多的年轻人喜欢用图片的形式去分享自己身边发生的人与事，去show自己的生活，idea和圈子。随着 Iphone,Andirod等智能手机的普及，人们可以随时随地的分享图片来丰富自己的社交网络，这就是我今天要谈的关于PIC那些事儿。

阅读全文>>

]]> Tue, 08 May 2012 15:42:00 +0000 黄娟 http://www.lanlanwork.com/blog/?post=590 图标与几何构成 http://www.lanlanwork.com/blog/?post=591 图标与几何构成

这次给大家分享的主题是我们读书会“打书钉”第二期广荣同学为我们分享的《图标与几何构成》，介绍图标形体的设计与几何构成的关系！若有不足之处，望大师指点。

 

一、产品的灵魂 -Logo

Logo是每一个产品的重要标识，它是表明产品特征的记号、商标。它以单纯、显著、易识别的物象、图形或文字符号为直观语言，除表示什么，代替什么之外，还具有表达意义、情感和指令行动等作用。

阅读全文>>

]]> Mon, 07 May 2012 15:51:57 +0000 黄娟 http://www.lanlanwork.com/blog/?post=591