March 3rd, 2009

近期网站重新整修中…

 
 
November 29th, 2008

 通过前阶段的工作实践,总结了手机软件GUI设计的流程:

首先,确定GUI需求:

手机界面分辨率:240*320

实际尺寸大小:

机器外形硬件和软件的特性:

客户的GUI需求:

 其次,明确我们设计师的任务

1.必须深度了解任务和用户分析

2.设计师、界面和交互模型

设计师必须尽可能的把用户的认知和形态特征了解全面。

了解的内容主要包括:

  • 人机匹配性,进可能的做到用户意图和界面允许动作之间很好的匹配;
  • 全面的了解用户的技能和弱点,用户一般会存在思维、学习求解的能力,同时也具有健忘、精力不集中、易出错、疲劳、情绪不稳定等的弱点;
  • 用户的知识背景调查(需要了解手机产品的目标投放群体和产品定位);
  • 用户对系统的期望和态度;

3.保证界面设计的一致性原则、而且要合理利用界面的布局结构,保证界面的简洁易用;合理利用颜色,确保显示效果与内容和形式的统一; 一般来说,大多数大众普及型软件的界面最好保持传统的风格,采用一些柔和、中性化的色彩。

4.图标的设计上,要直观、形象、喻意性强。

5.快捷方式的提示设计(是否有需求添加,需要UI设计师支持)

还有,GUI设计详细流程定义:

  1. 项目开始GUI设计时间点之前,明确客户的GUI需求,了解机器外形硬件和软件的特性。
  2. 概念设计【提供GUI设计方案几套,参考产品组人员和领导层的建议,但最多3套,精心设计各套方案;项目组和产品组共同进行方案评审会,决策方案;并且需要项目组提供真机,展开界面的真机效果和环境测评,优化界面颜色、亮度等细节)】;
  3. 详细设计【需要明确界面研发的细节;建议项目提出强烈建议优化的几项产品设计点(用户调查)】;对界面有变化的界面进行统计,整理出文档提交给UI层面技术工程师,做好相关的界面准备工作。
  4. 原型设计时间【目前国内研发软件的现状通常此环节被忽略,但时间充足,建议按计划进行】
  5. 与UI层面的技术工程师共同展开界面实现(界面实现和界面优化的时间点控制在项目时间的百分之几点,需要明确
  6. 界面工程师制作好Demo,提交给项目负责人、决策人和UI用户界面测试工程师(需要指定负责人),展开用户体验反馈建议汇总,提出用户界面体验的反馈意见表(需要项目负责人支持)。 
  7. 测试评估,尽早发现存在的交互设计和视觉设计的不足之处,进行软件界面的改善设计。
 
 
November 29th, 2008

 1.1人机交互的基本概念

软件界面就是人与机的信息界面。

人机交互是一种结合计算机科学、心理学、人机工程学等众多学科的工业和商业领域内的交叉性学科。

人机交互系统包括人、软件、硬件、以及作为环境的有关文档手册。

人机界面的交互方式有语音、文字、图形、人的表情、手势等方式。

交互设备:输入和输出设备。

人机交互领域内的“域”,一般分为行为域(behavioural domain)和构造域(constructional domain),即交互设计(interaction design)和界面软件(interface software)

1.2人机界面的用户分析

了解用户的习性、技能、知识、经验等环境,以测试不同用户层面的需求和反映。

用户分类:外向与内向、感性与理性、专业人员与非专业人员等。

用户行为模型:设计师、界面与用户的交互模型

设计师对用户的想法和对系统的期望有自己的理解,这些是基于用户的任务和需求、用户的背景、经验和能力,以及人脑信息处理机构的热点和限制等考察基础之上的。

对用户的认知和行为特性的分析能够帮助设计师正确的估计软件界面的复杂程度,提供清晰的结构,以及与之相联系的用户手册和操作手册。

设计师结合自己的经验和技术,构思后转化为界面的形式,给用户一种诱导;用户会借助以前的产品使用方式,以联想的方式与设计师设计的界面进行交互;当这种交互达到一致或者某种耦合时,那么这种形式的界面就能够满足用户的需求,就是好的设计。反之,会误导用户达不到满意度。

界面开发设计的原则:

  1. 一致性原则;
  2. 提供信息反馈;
  3. 合理利用空间保持界面的简洁;
  4. 合理利用颜色和形式的统一来实现内容与形式的统一;
  5. 使用图形和比喻;
  6. 对用户出错的宽容性和帮助功能;
  7. 尽量使用快捷方式;
  8. 允许动作的可逆性;
  9. 尽量减少用户的基于要求;
  10. 快速的系统响应和低的系统成本;
  11. 设计良好的联机帮助。
 
 
August 4th, 2008

以后的网站是内容为王,seo也是这样,要保证网站的更新,必须要靠大家的力量,这样就是web2.0时 代,当内容和秩序(大家都在无私的贡献内容),剩下的就是对现有信息能够自动的进行分类再呈现给人类,我想那就是web3.0时代,大家有了这么高的觉 悟,估计离我们神圣的XX主义已经不远了。希望这个列表对seo届重视内容的同仁有帮助

分类 第一名 第二名 第三名 提名奖
社会化书签 Del.icio.us StumbleUpon Furl Mister Wong, Ma.gnolia
图书相关 Lulu Biblio VuFind WorldCat, LibraryThing
分类目录 Craigslist Oodle Parking Search Go2Web2.0
协作文字处理 Google Docs Writeboard Thinkfree Celtx
在线表格 Wufoo Dabble DB EditGrid Instant Bull
在线存储 Onmidrive Fluxiom esnips Totoexpress
教育类 .Docstoc Mango Languages SpanishPod Livemocha
求职类 Standout Jobs CareerBuilder Monster Mployd
事件管理 Upcoming Going Confabb Eventful
食物相关 Im Cooked Urbanspoon iFoods Recipe Key, Crazymenu
娱乐类 Cocktail Builder HairMixer Comiqs One Sentence
游戏类 Zango Galaxiki Doof Guess The Google, Arcaplay
家谱类 MyHeritage Geni Amiglia GeneTree, AncestryPress
本地搜索 Yelp Google Local Citysearch Yahoo! Local, Menuism
健康相关 Revolution Health PEERtrainer iMedix Icyou, Health Ranker, Medstory
wiki站点 PBwiki Wetpaint Wikispaces Wikidot
地图应用 Frappr Wayfaring CommunityWalk Rrove, InteractiveMaps
地图服务 Google Maps Live Maps Google Earth Yahoo! Maps
手机技术 Twitter Myxer Juicecaster Plusmo
音乐相关 Last Pandora Mog Amie Street, LyricsMode
博客搜索 Google Blog Search Bloglines Technorati Icerocket
社会化网络 MothersClick Tu Diabetes Imbee Motortopia
在线OS Zimdesk G.ho.st Goowy Glide Digital
资源组织 Backpack Zoho Wufoo  
慈善相关 Care2 Giveness DonorChoose BeGreenNow
照片图像 Flickr Picnik Picasa Splashup
专业化网络 LinkedIn Biznik Professional On The Web Xing
提问建议 Yahoo! Answers Minti Fixya BuzzDash
房地产 Zillow Rentomatic HotPads  
零售类 Threadless Etsy Stylehive StylePath, Shopify
搜索类 Tweetscan Rollyo 50 Matches Alpha Search
社会化网络 Twitter Facebook Bebo MySpace, Friendster
新闻类(s) Sphinn NowPublic PlugIM Campus Reader, Design Float
新闻类(b) Del.icio.us Digg Reddit Mixx
体育类 iStats TeamSnap Oobgolf Gympost
个性主页 Netvibes Pageflakes iGoogle My Yahoo, Groovle
旅游类 Farecast Kayak Boo Gusto
视频类 YouTube BBC Player Metacafe Dailymotion
视觉艺术 ColorBlender Swivel VisualComplexity The One Million Masterpiece, The Broth
网络开发 Yahoo! Pipes Yahoo! User Interface Library jQuery Collabtrak
Widget Yourminis Flock Clearspring SpringWidgets, Conduit

作者: 4111y80y

 

go.png

遇到问题怎么办?理清思路一步步的来,你现在要做什么怎么做…

做事聪明的做,不要一味的盲做。

以此,记录下寻找解决途径的这一刻。