分类目录归档:小技巧

iPhone人机界面指南

iPhone人机界面指南源文档

紧凑的屏幕尺寸
1. 屏幕480×320
2. 您没有空间来放置那些非必要的设计元素。
3. 拥挤的用户界面将降低程序的吸引力并会提高使用的难度。

每次只显示一个窗口

每次只能运行一个程序
1. 第三方应用程序不能在后台运行。
2. 用户离开您的应用程序在稍后返回时,用户该不会感到比在计算机上的程序切换更加困难。
3. 良好的程序切换体验的最有效方法降低应用程序的启动时间。
4. 用户在切换设备上的其它应用程序或者服务方式退出您的应用程序时,他们不会特地关闭您的应用程序。
5. 不要期望用户从菜单中选择退出或者是点击关闭按钮,应用程序退出时没有太多通知,尽可能迅速保存用户所做的修改,方便下次应用程序启动时显示用户最近做的修改。
6. 简单程序模型的另一个重要方面是您处理程序特定配置的方式。在iPhone OS设备上,用户在设置程序中设定配置。您的iPhone应用程序可以提供这种配置,但是这意味着当用户想在设置中访问这些配置时,他们必须退出您的程序。如果您根据标准指南提供用户仅需设定一次的设置,那么您的程序的用户体验就会比较。

简短的用户帮助
1. 正确的使用标准控件,降低使用的学习成本。
2. 确保信息呈现路径具有逻辑性,便于用户轻松做出预测。

三种应用程序风格
设计前该想一想的问题
• 您设想用户是出于什么样的动机去使用您的应用程序?
• 您计划中的用户会获得怎样的用户体验
• 您应用程序的目标或专注点是在哪儿?
• 您的应用程序如何组织,显示人们关心的信息?是否和应用程序的主要任务有天然的关系?

效率型:通常用于完成比较重要的任务,如:邮件。
1. 快速地找到需要的东西
2. 轻松完成必要操作
3. 完成该任务继而转向其他事务
4. 用户界面通常简单、整洁且由标准视图和控件组成
5. 应用程序通常没有很多自定义界面
6. 专注于信息和任务而非环境或体验
7. 用户很少需要改变这类应用程序的设置,所以不建议在应用程序的主界面中包含那些能够更改的配置信息。

实用型:完成简单任务对用户输入要求很低。如:天气。
1. 快速查看信息摘要或在少数对象上执行简单任务
2. 视觉有吸引力,视觉上突出主要显示的信息
3. 用户使用实用型应用程序查看一些事情的状态或者查找一些东西,用户希望能够快速方便的看到他们感兴趣的信息。
4. 界面简洁,提供简单标准的视图和控件。
5. 一般以平面列表的方式显示信息,用户不需要深入信息层次结构。
6. 应用程序中的每个视图通常都提供同样的数据组织和细节深度,但数据来源可以不同。
7. 用户可以打开在单个应用程序以对多个主题进行相似处理。一些应用程序还可以显示打开的视图数量,便于用户按顺序浏览和切换。
8. 需要考虑支持频繁修改设置和信息来源。一般会在主视图的背面提供一小部分选项,主视图背面的选项是应用程序功能的一部分,而不是用户设置一次以后就极少再用的一组偏好设置 。

沉浸型:进行娱乐,不论是游戏、多媒体、执行任务。如:游戏(不一定只是游戏)。
1. 丰富的视觉效果的全屏环境
2. 呈现一个独立环境,不显示大量的文字信息,需要用户注意力的任务
3. 用户焦点在视觉上的内容和体验,而非体验背后的数据。
4. 用户期望寻找和搜索,所以非标准控制更为合适
5. 虽然它不像游戏一样需要在设置中提供程序特定配置,但是其他类型的沉浸式应用程序可能需要提供。沉浸式应用程序也可能在主视图背后提供配置选项。

当您有现成的计算机应用程序时
1. iPhone OS设备的使用方法与台式计算机和笔记本电脑大不相同,用户对于用户体验的期望也不同。
2. 用户使用iPhone OS的设备时通常处于移动,纷杂的环境。在这种环境下能够轻松简单的使用,进而可以进行别的活动。
3. 有机会,观察不同程序的现实应用场景.
4. 80-20原则,移植时考虑您的iPhone应用程序是否承载仅有少部分用户会用的功能,哪怕是强大的功能。
5. 考虑到桌面应用程序可能是能够提供那些特性的较好环境。
6. 移植iPhone应用程序时,重点考虑满足绝大多数用户会使用的功能上。[完]

提高网站公信度的10点准则

以下10点准则来转自斯坦福大学的Web信誉指南,根据三年超过4500人的研究整理得出。
原文:http://credibility.stanford.edu/guidelines/index.html

  1. 方便核实信息的准确性。如提供第三方的链接来认证信息来源。如下图
  2. 网站有一个真实且有实力的合作对象或支持平台。如提供一个合作对象的网站链接地址,并且在合作对象的网站上也能方便的找到对你们网站的相互认证信息。其它还有提供你们公司的真实照片及合作对象的照片。如阿里巴巴的旗下站最底部。如下图
  3. 突出您的组织、网站内容、提供的服务的专业性。团队中是否有专家?提供服务的对象并提供服务该对象的证明。网站所属公司的背景。别提供外部链接,这样会有很多不确定的因素发生而降低网站的可信度了。
  4. 网站有高素质的运营团队在支持。网站和运营团队背后有真实可靠的人才并提供人才的照片和简介。如现在很多网站都有UED的博客.
  5. 方便用户联系到您们。清楚的提供您们的联系信息,如:电话号码,公司地址,电子邮件。如下图,网站的底部一般都可以找到联系方式。

  6. 网站设计要专业 (适当的迎合商业目标)。我们发现用户会快速的主观评估网站的视觉设计。在设计网站时要注意布局、版式、图片等风格的一致性。视觉设计应符合网站的目的。
  7. 网站易用性和有用性。根据研究,网站赢的用户信任主要就是网站的易用性和有用性。但现在很多网站运营者只是为了满足个人喜好或者展示一些技术能力去设计网站,他们忘了真正的网站使用者。
  8. 保持网站内容的更新。那些经常有内容和评论更新的网站,更容易得到用户对网站的公信度。
  9. 适当的安排网站的广告内容。尽量避免使用广告。如使用广告,明确区别这是广告内容。避免弹出式广告。广告文案明确,直接, 真诚的,相关的(个人另加的一点)。
  10. 无论多小的错,避免出现。大多数用户认为文章排版的错误(细节到如错别字,文字排序),失效的链接是最影响网站公信度。在您平时运营网站的时这些问题同样需要注意。

以上内容个人理解翻译,如有值得商榷的地方,欢迎指出!

网站对搜索引擎的优化细节

这些是我开发公司网站时一点一点一天一天积累的一些细节!处理好这些细节有利于对搜索引擎的友好!

1.网站的文件目录最好不要超过3层。
如:www.08show.com/dir/dir/dir/index.html

2.URL的取名越短越好!最好不用动态的URL。
如:.asp,.php后缀的。

3.网站中的面包屑提示都应该加上链接。
如:网站首页 > 08SHOW博客 > 技术文章

4.网站的导航要用文字链接形式的。切记不要用图片,和花俏的FLASH啦!

5.网站制作网站地图的时候,应该用文字链接表达,结构清晰,单页中有上百个链接时最好分页!

6.网页中代码的嵌套最好不要超过三层(虽然我有时候经常不经意的干这种事:)
如:<div><div><div></div></div></div>

7.记得在网上看到过一个实验:图片属性中的alt注名:google能搜索到,baidu不行,搜狗不行,SOSO行,iask不行。

8.<h1>标签是搜索引擎十分重视的,但请不要滥用!

9.抓取深度:静态页面中链接过去的动态页面对搜索引擎爬虫可抓取,反之效果不佳。

以上所写内容都是网站在不受外部影响下,网站自身对搜索引擎友好的优化工作。

FLASH按钮打开一个新的窗口

===========全屏的窗口===========

这个方法不需要在页面本身设置
打开
在FLASH的按钮上输入代码

on(reslease){
“javascript:window.open(‘文件名.html’,”,’fullscreen=1,resizable=0′);window.opener=null;window.close()”}

注意打开一个全屏页面的同时,他也设置了一个默认关闭页面的代码,关闭刚才嵌有FLASH按钮的页面;
1.如果不写入window.opener=null;会提示你是否关闭那个页面
2.如果不写入window.opener=null,window.close()页面会自动关闭

关闭
打开一个全屏的页面以后,页面里面可以制作一个关闭这个全屏页面的FLASH按钮
在FLASH的按钮上输入代码

on (release) {
getURL(“javascript:window.close();”, “_self”);
}

===========自定义大小的窗口===========
转自:Actionscript.org

代码分两部分:HTML代码 和 FLASH代码

第一部分 —FLASH代码
在 actions 选择 GET URL 函数然后粘贴下面的代码:

javascript:openNewWindow(‘somePage.html’,’thewin’,
‘height=100,width=250,toolbar=no,scrollbars=yes’)

somePage.html – 是你需要开启的页面或网站

第二部分 —HTML代码
在HTML页面的<head>…</head>之间加入下面的Javascript代码.

<script language=”JavaScript”>
function openNewWindow(URLtoOpen, windowName, windowFeatures) { newWindow=window.open(URLtoOpen, windowName, windowFeatures); }
</script>

最后将Flash文件插入到HTML文件中就可以使用了!