以用户为中心的设计

网址导航 - 书友会 - 邮件组

× 关闭
我有建议/意见

主要内容

原型(Prototype) 最后更新: | 文章数: 32

产品原型简单的说就是产品设计成形之前的一个简单框架,对网站来讲,就是将页面模块、元素进行粗放式的排版和布局,深入一些,还会加入一些交互性的元素,使其更加具体、形象和生动。

  • 12. 经验分享:交互设计文档(3)    2009-03-09 15:51

    前一篇:经验分享:交互设计文档(2)下面,用几个实例来介绍用Axure RP Pro制作交互文档。在制作过程中,经常会有一些Tips,是一些使用软件的技巧和相关提示。这些多半都是我个人的总结,有些可能是我的“错觉”,希望在这方面能够得到指导,也希望一些有用的技巧真的能在实际操作中帮到大家。 根据Facebook的未登录首面来设计一个SNS社区首页的原型 Fa ... ...

  • 11. 经验分享:交互设计文档(2)    2009-03-07 15:28

    前一篇:经验分享:交互设计文档(1) 继续介绍上文中提到的原型设计工具,还有几个工具也是很有必要一一介绍一下的: Balsamiq Mockups (有Web版本)关于这个工具,黄主任在他的来,超酷的Balsamiq Mockups中有一些介绍。优:看着超舒服,提供的组件工具很多。劣:虽然提供了很多常用的工具,但反而让文字操作变得不太方便(当然,我们不是在介绍排版工具& ... ...

  • 10. 经验分享:交互设计文档(1)    2009-03-03 07:00

    从主流互联网公司的产品项目流程一文中提到使用几种工具制作低保真的“原型设计”。想到自己从前在还不了解“用户体验”这个概念之前就设计过许多这类“原型”,其实也算是一种不一样的交互设计经历了。在下面,姑且就把所有的原型设计称为“交互设计文档”吧,用来抛砖引玉,因为最想看到的其实是别人正在做的更专业的东西。同 ... ...

  • 9. 来,我画给你看……    2009-03-02 17:03

    产品设计人员往往长期处于一种对话的状态。 首先是跟自己对话:我的想法是否正确?还有没有漏掉的地方?各个部分有什么关系?然后是跟UI设计、跟研发、跟boss、跟投资人……对话…… “我是这样设计的……”“我的意思是……”  ... ...

  • 8. 用Word画原型    2009-02-18 14:44

    关于原型,有太多故事了。说起快速的原型制作(区别于软件工程的快速原型法),应该以文本文档/富文本文档(如Word)为主。因为,白板、草图虽然快但不易保存,HTML虽然丰富但制作慢,一些原型工具,如Axure,则效率也低,使用也复杂。 最初设计的时候,我是以Word为主的,就是打表格(顺带一句,白鸦是PPT,便于演示和简单的效果)。Word 画表格十分方便,而且在沟通中也比较高效(批注)。渐 ... ...

  • 7. 选择原型设计工具    2008-11-30 17:56

    在程序、网页被实现之前,一定需要把界面给“画”出来,成为原型设计,就像动画片要画分镜头、手稿一样。原型设计能起到有效沟通的作用,漂亮,直观的原型图更是让人赏心悦目。 1. Microsoft Visio 我最常用的原型设计工具,几乎是Windows平台下惟一的“最佳”选择。有很多的模板可以选择,可以制作包括流程图、平面布置图 ... ...

  • 6. 进行 Web 界面原型设计的一种方法(续)    2008-12-12 20:55

    昨天写到为何XHTML原型会失败?,意犹未尽,再续一篇旧文。 在进行 Web 界面原型设计的一种方法(以下简称MVC/SSI原型法)这篇文章里,漏了一部分,也就是昨天提到的维护或者 CSS/JS 文件共用的问题。其实可以通过下面要讲到的方法,解决一部分。 无论是 XHTML 原型还是程序模板,前端(网页/网站部分)主要包括两大部分:HTML文件和资源文件,其中资源文件又可以分为CSS、JS ... ...

  • 5. 为何XHTML原型会失败?    2008-12-10 14:10

    最近 UCD 翻译小组有一篇文章是:XHTML原型开发-用代码说话。千鸟也一直宣传着蓝图、文档、原型的方法论。 从 03 年开始,我就直接使用 (X)HTML 去做原型,从一个人,到数个人协同工作,都是直接用 (X)HTML 实现。在经历 N 个大大小小的产品/项目后,在06年11月,我写了一篇关于用 XHTML 做原型的文章:进行 Web 界面原型设计的一种方法。单从这个方法本身上看,是 ... ...

  • 4. 粗谈原型设计之概述    2008-08-01 00:08

    读过信息架构《Information Architecture》的朋友都知道信息架构的交付物为四个,其中一只就是线框图(Wireframes),在产品经理的交付物中就有线框图,又被称为设计原型(Prototype Design)。 设计原型,以下我将称为线框图(在某些方面我认为他们有不同之处,后面的文章会做介绍),是信息架构内容(Concepts)和系统(System)两部分思考和设计的体现形式 ... ...

  • 3. 互联网产品经理和原型设计    2008-01-24 22:49

    一个合格的互联网产品经理在向技术部提交产品策划方案时,除了详尽的需求说明外,还必须提供清晰易懂的产品原型设计(Prototype Design)方案,优秀的原型设计不仅方便在前期进行研讨,也可以更好的帮助美工和开发人员理解产品特性,从而节省时间,提高效率。以下简单聊几句产品经理和原型设计,希望和大家多多交流。 原型设计是什么 产品原型简单的说就是产品设计成形之前的一个简单框架,对网站来讲, ... ...

  • 2. 设计页面结构原型    2008-07-26 12:50

    网站其实是一种特殊的信息组织系统,其特殊在于,信息架构需要人机对话做中转。 早在全球首个网站问世的前二十年,信息架构的概念就已经提了出来。所以,在网站产品设计中所提到的信息架构,只是设计执行理念,而“网站架构”则是此理念支持的技术落实方法。 在实现角度,网站架构由信息的生产、组织、呈现三部分组成。国内前几年的网站普遍不易用、不友好,因为当时的网站架构全部 ... ...

  • 1. 功能结构和页面结构的设计    2008-07-26 12:45

    曾经有一个丝毫不懂网站设计的朋友问我:设计一个网站到底有多少活,一个普通的网站具体需要设计多少个页面?我回答:一般情况下不会超过30个页面;事实上一切的设计工作只是为了设计好这不足30个的页面,这些几乎是整个网站的所有。我没有骗他,事实确实可以这么说。针对于这30个页面,我们在设计之前需要搞清楚:这些页面是给什么样人看的?他们有什么样的特征?我们需要给这些人什么样感觉的页面东西?(以上基本上是用户 ... ...

« 首页 ‹ 上一页 21-32 of 32