Myth #19: You don’t need the content to design a website 来源: http://tinyurl.com/34ry2vo 很多的设计者会画wireframe和comp, 然後里面放一些"lorem ipsum"的文字 (译注: 这边出现了许多专有名词, 板工在这边稍微解释一下, 已经知道这些字意思的人可以略过此译注, wireframe: 有分成low fidelity prototype和 high fidelity prototype. 一般来说 就是一些简单的框架组成, 简单说明哪里是放哪些元件. 可参考下图: http://www.aptmediainc.com/files/u2/NRA-wireframe.jpg http://foswiki.org/pub/Development/WireframesForNewReleaseSkin/wireframe.gif http://www.ssw.com.au/ssw/Standards/Rules/Images/WireframeMockup.jpg comp: 就是comprehensive XYZ的简称, XYZ可以是art,可以是layout. 所以comp通常都是 广告或graphic design用到的字, 在这边的意思就是 comprehensive layout/design 它是一种High fidelity prototype, 已经是非常接近成品的外观. 所以通常是指比 wireframe更高一等级的模版. 例子请见: http://www.inspired-evolution.com/images/FoodPlaceWebsiteComp.jpg lorem ipsum: 在graphic design里, lorem ipsum是指一种filler text. 这种text主要是为了显示字型样式, 内容不是很重要 (可能是随机产生的内容) 所以它的用途基本上就只是告诉你我网站的layout是这样 因为人常常看到文字段落就忍不住冲动会去读, 所以lorem ipsum常常使用一种很难阅读 的拉丁文字来告诉人家 "内有恶字 请勿阅读" (这种文字很难阅读是因为他的单字不是 少一个字母就是多一个字母, 总之就是让你看了不顺眼). 当然你硬是要读还是看的懂, 只是人家用这种文字就是告诉你"内容不是重点", 请转移注意力到layout上面 ) (Recap: 很多的设计者会画wireframe和comp, 然後里面放一些"lorem ipsum"的文字) 但是呢, 用这种文字虽然是可以娱乐人没错, 但是同时也不够真实. 更糟的是, 它让 人有种错觉: "内容不是这麽重要" 然而呢, 事实是使用者来逛这个网站, 是来看内容的不是来看你的layout的. 内容可以 说是一个介面设计中最重要的元素. 一个简单的介面搭配上有品质的内容会比一个很 炫的介面搭配上很糟的内容在usability testing里表现地更好 (译注: 这边的prototype是指要给使用者测试的, 而非designer自己看的过渡品, 所以作者考虑到的是:在测试中, 不要让使用者去看没有意义的文字. 然而, 如果今天 你的low-hidelity prototype是只是想要测试网站的flow有没有问题, 内容可以不用 这麽精美. 不过, 也是不能差太远就是了, 至少内容跟标题要符合使用者的期待 不要说使用者点了星海争霸二的连结结果你给他魔兽的内容) 以下是各方认为为什麽要放入实际内容到wireframe的说法: 1. 设计师Luke Wroblewski认为在网站设计里放入假的内容会导致不符合实际的假设 并且造成严重的设计缺陷. http://www.lukew.com/ff/entry.asp?927 2. Kristina Halvorson认为网站应该是为了内容而设计的, layout的功能是为了辅助 呈现内容 http://www.adaptivepath.com/ideas/essays/archives/000959.php 3. 在Getting Real这本书里, 37signals 的设计师解释使用dummy text的危险在哪里, 并且说: lorem ipsum把内容从文字变成一种视觉效果, 可是这些文字原本应该是 要让使用者去阅读或进入的呀 http://gettingreal.37signals.com/ch11_Use_Real_Words.php 4. Getting Real的另外一个段落也提到, 如果你认为每一个画素,图示,甚至是字型 都很重要, 那我告诉你, 每一个字母也都很重要 http://gettingreal.37signals.com/ch09_Copywriting_is_Interface_Design.php 5. Jakob Nielsen说: “Text is a UI” http://www.useit.com/alertbox/twitter-iterations.html 6. "内容应该是优先於设计的, 没有内容, 一个设计就不能叫做是设计, 它只是装饰" Jeffrey Zeldman说. http://www.zeldman.com/2008/05/06/content-precedes-design/ 7. 这篇文章很详细地告诉你如何从lorem ipsum到real content http://designinformer.com/lorem-ipsum-killing-designs/ 顺便附赠: http://tinyurl.com/32ntvgc --

※ 发信站: 批踢踢实业坊(ptt.cc) ◆ From: 118.168.195.127 ※ 编辑: Armuro 来自: 118.168.195.127 (08/06 23:04) ※ 编辑: Armuro 来自: 118.168.195.127 (08/06 23:05)