主要内容
-
小屏幕移动设备网页设计注意事项 2010-10-08 22:28
在过去，小屏幕移动设备网页通常也被称之为WAP页，或WAP站。原因是这类网页起源于一个叫WAP的无线协议。WAP能够运行于各种无线网络之上，如GSM、GPRS、CDMA等。WML是无线注标语言（Wireless Makeup language）的英文缩写。支持WAP技术的手机能浏览由WML描述的Internet内容。 而如今的小屏幕移动设备，比如手机，都已经具备访问WWW的能力。其内置的浏览 ... ...
-
比“以‘PRD’为唯一依据”更高效的产品设计... 2008-07-26 21:45
在上期关于信息架构的文章里我匆匆留下”一个网站不超过30个界面”的观点，有不少人表示疑问和不解。 其实这里是我未表述清楚，结合Angela在上期介绍的这个迭代过程：”任务分解(粗略) > 信息架构(主要) > 任务分解(详细) > 信息架构(详细)”。应该不难明白：事实上我所说的”30个界面”是指&r ... ...
-
中文段首不需要空两格 2010-04-22 22:33
首先要搞清楚“空两格”的意义是什么？段首空格表示段落重新开始，基本小学写作文都这么教的。但“空两格”真的就能清楚标示段落么？这个问题被放大到互联网上，尤其在对比英文段落效果后，中文段落“空两格”的传统开始受到质疑。先来看新浪博客网志页的两格例子： 1. 无空格无换行排版（下图） 2. 有空格无 ... ...
-
用Flash Catalyst做交互原型 2009-06-18 21:41
稍微试用了几天，总体上有这么几个感觉： 1.原理上与其他原型工具大同小异，基本上都是“制作分状态页面—>定义事件关联—>定义交互效果”的套路。 2.从功能上看，Fc像是ImageReady、Flash和Axure 的结合，操作形式上有Balsamiq Mockups的影子,熟悉这几款软件的同学上起手来应该是很快的 ... ...
-
浅谈“最小化”和“关闭”的交互体验 2012-12-24 20:30
随着互联网的发展，不同软件在作用不同的情况下有着不同的交互方式，下面来谈谈我们每天都接触的“最小化”和“关闭”。 按照最原始的设计意图，“最小化”是将程序暂时折叠起来，“关闭”是纯粹的程序关闭。但是现在你可以在很多客户端看到有以下这样的情况： 点击&l ... ...
-
泛议网络表单可用性规范 2011-11-16 21:15
转载自： An Extensive Guide To Web Form Usability 作者：Justin Mifsud 小的水平有限，词不达意，忘见谅～！肯定漏洞百出，请随便耻笑指正～！ 泛议网络表单可用性规范 以下做法与你将读到的内容完全背离，那就是为你的表单点缀漂亮的按钮，颜色以及排版甚至充沛的jQuery插件，这些都无助于可用性。事实上，这么做你 ... ...
-
组件和模式 2009-04-15 00:15
组件和模式Nathan Curtis 版权所有2009年1月9日 译者：UCD翻译小组，Stan校审：远骋，Angela原文地址：http://www.uie.com/articles/components_vs_patterns 编者按:今年四月,在UIE应用高峰会议上，应我们的要求，Nathan Curtis会做一次关于实现组件和模式重用的演讲。其间，Nathan讨论了组件和模 ... ...
-
数据可视化(三)：数据可视化及信息图形的设计... 2009-09-26 20:37
原文Data Visualization and Infographics Resources 作者 Cameron Chapman 译者：西乔 数据可视化及信息图形可以让复杂的数据集变得明了易懂。通过将数据和统计结果图形化，复杂的概念和信息可以在更短时间内呈现更多含义。 大部分数据可视化处理的对象是具体的数据或统计结果。另一些则致力于表现无形的话题，为抽象概念提供可视化的 ... ...
-
Android和iPhone，统一还是差异化？ 2010-06-29 09:01
Android平台和iPhone平台虽然都是潜力无限的触屏系统，但是iPhone的设计风格已经成型，设计规范也得到了广泛的认可，Android平台却有很多的不确定因素，可以这样设计，也可以那样设计，没有硬性的规范，也没有顽固的用户习惯。并且由于平台具有开放性和延展性，Android系统不像iPhone，只有320*480一种分辨率、一个home键，而是根据硬件厂商的定制，可以有多种分辨率、可以有全 ... ...
-
视图模式：Android ViewPager... 2012-12-12 16:02
在iOS，Android和WP三家移动平台上，iOS的可用性是目前用户接受程度最高的，但是Android和WP也有不少各自平台的设计亮点，本章主要介绍Android和WindowsPhone的两种特色视图模式：Viewpager & Pivot。而且博主很负责的说，这两种视图模式是优异于iOS平台的。 1.名词解释 Android的ViewPager Vi ... ...
-
拒绝一页一页又一页 2011-10-24 10:25
手机屏幕大小有限，但应用产品功能太强大，十多个页面都装不下，于是我们总会面对一级又一级的次级界面，并迷失在其中。 而实际上，我们对一个产品的要求往往很纯粹，大多数的操作也就集中在那2,3个页面中，虽然次级界面有助于我们把握逻辑关系，但过多的页面&ldquo ... ...
-
浅析iPhone平台三种应用类型的布局方式 2012-03-16 09:30
在手机这样一个小小的有限的屏幕尺寸里，要使界面保持清晰合理、简洁美观，就涉及到产品“框架布局”的设计问题，我们需要根据不同的产品需求及应用场景来设计合理的界面布局。 iPhone平台的标准界面布局为顶部标题栏、中部内容区、底部工具栏/标签栏，设计师们根据不同的应用类型以及不同的使用情境进行着巧妙的布局，其中不乏很多勇于打破常规，精巧合理的布局设计。今天就一 ... ...
-
WP7交互特性浅析及APP设计探究 2011-10-28 17:05
Windows phone7是无线领域的新生力量，但是迟迟没有进入中国市场。Mango（注意WP7和mango不是一个概念）的发布带来了中文的操作系统，也让人们看到了该系统的无限可能。在此，我结合自己在进行相关应用设计的经验以及自己对WP7系统认识和理解，浅谈一下这一特别系统的交互特性。 本文索引： 涅磐重生的WP7（以及它的历史简介） WP7对比iOS和An ... ...
-
使用线框图来简化你的产品设计流程 2010-05-25 23:22
绘制一个线框图是你在制作一个网站前必须要经历的过程。线框图能够帮助你合理的组织并简化你内容和元素，是网站内容布局的基本视觉表现方式，是网站开发过程中一个重要的步骤。 一、线框图的好处： 让项目组成员在初期就可以对网站有个清晰明了的认知 能激发设计师想象力，使其在创作过程中有更多发挥空间 给开发者提供一个清晰的架构，让他们知道他们需要编写的功能模块 让每个 ... ...
-
经验分享：交互设计文档(3) 2009-03-09 15:51
前一篇：经验分享：交互设计文档(2)下面，用几个实例来介绍用Axure RP Pro制作交互文档。在制作过程中，经常会有一些Tips，是一些使用软件的技巧和相关提示。这些多半都是我个人的总结，有些可能是我的“错觉”，希望在这方面能够得到指导，也希望一些有用的技巧真的能在实际操作中帮到大家。 根据Facebook的未登录首面来设计一个SNS社区首页的原型 Fa ... ...
-
值得借鉴的白社会的交互设计 2009-06-09 21:12
一直听说白社会的交互做得很棒，最近两天工作基本上完成了，于是本着学习的态度体验了一下白社会． 进入登录界面，色彩搭配很舒服，一个很明显的视觉元素：ＢＯＳＳ加上阻止的符号（ＢＯＳＳ免进），很明显的体现了整个网站最基本的用户群，除ＢＯＳＳ之外的白领人群． 整个社区很多地方都体验了为满足特定用户人群而设计的功能，着实让人眼前一亮．随便听点什么的音乐播放功能，单击打开一个小窗口，随后音乐自 ... ...
-
网购收货地址reDesign全方案 2011-12-11 09:18
前文发出来的第一条评论就是对小米网的抱怨，很多问题没法回避，周期及资源所限必然只能抓大放小。之前基本都没做“交互设计”的事情，主要精力是在梳理业务流程，打通数据与数据之间的关系，以及搭建整个信息架构体系。专业上讲，结构层“交互设计”和框架层“界面设计”优先级不如范围层内容规格和内容需求。所谓的细节都是靠人手来做细致推敲，以 ... ...
-
到底要设计多宽的网页？ 2009-04-06 09:39
白鸦等同学，作为设计师，都在研究，到底多宽的屏幕适合于阅读。研究来研究去，他们认为，设计页面的人，首先应该考虑到，很多同学眼珠子没这么宽，必须限定为650-800宽度。也就是说，太宽了，就费眼睛，阅读速度也慢了，易用性就降低了（当然，这也是很多老外研究的结论，白鸦他们只是作为传道者，给大家传道而已）。还有，白鸦同学也说了，有1680或1920宽度的显示器，在看网页时，最好不要全屏，这样简直是自己折 ... ...
-
手机版阿里图文排版案例 2009-12-11 21:46
阿里手机版List页图文排版案例 基础背景介绍 1）据”深圳移动”调研，目前阿里客户的主流手机屏幕分辨率通常是176×220和240×320，考虑到目前手机发展的实际趋势，建议以240×320为主要设计平台； 2）176×220屏幕，通常是我们一般意义上的FeaturePhone，字体尺寸一般为16p ... ...
-
手机交互设计原则 2010-04-06 14:06
在设计e指通客户端和wap2.0页面时，积累些手机交互设计经验，不断总结，理清设计思路。以下设计总结出手机交互设计原则，仅供参照。 屏幕 手机屏幕尺寸分为物理尺寸和显示分辨率。 物理尺寸是按英寸对角线计算。 显示分辨率指的是屏幕图像的精密度，是指屏幕所能显示的像素的多少。 显示精度是每英寸上可以显示像素（DPI）。 NOKIA N78的 ... ...
