Site-Seeing: A Visual Approach to Web Usability
暫譯: 網站觀察：網頁可用性的視覺化方法
Luke Wroblewski
- 出版商: Wiley
- 出版日期: 2002-07-12
- 售價: $903
- 語言: 英文
- 頁數: 368
- 裝訂: Paperback
- ISBN: 0764536745
- ISBN-13: 9780764536748
下單後立即進貨 (約5~7天)
相關主題
商品描述
Although Web usability has received lots of hype, especially during the dot-com meltdown, the focus has been mostly on technical issues. Usability experts stress the pitfalls of frames and too many images on Web pages. They recommend editing out unnecessary words and writing in a non-linear style-all valuable advice, of course. But less frequently do they highlight the importance of the visual presentation of Web pages.
The Web is a communication medium that does most of its talking visually. What you see on a Web page tells you what you might find within the site, how to get there, and why it might interest you-not to mention the instinctive emotional response that shapes your Web experience. As a result, Web usability issues are communication issues. Easy-to-use sites are those that communicate quickly and effectively.
Site-Seeing takes a fresh approach to Web usability by applying visual communication principles and decision-making to Web design. Specifically, readers will learn the key concepts behind visual organization, look and feel, technical considerations, and clear planning that stem from audience awareness. Through numerous, full-color examples author Luke Wroblewski deconstructs "the good, the bad, and the ugly" of Web design.
The visual presentation of a site does more than merely making it pretty. It organizes information according to function. It creates distinct and appropriate personalities. It provides emotional impact and attachment. In short, it engages the audience-and keeps them coming back.
Table of Contents
PART ONE: THINK BEFORE YOU...COMMUNICATE: THE PLANNING STAGES.
INTRODUCTION: Learning to Speak Web.
The Evolution of the Web.
The Usability Era.
What This Book is About.
CHAPTER 1: What Do You Want to Say? Decide on Content.
Know What to Say.
Say it in "Web".
Getting to Know Your Client.
Understanding your client's goals.
Understand Your Audience.
What they are looking for.
How they communicate.
Using profiles and scenarios.
Determining Content.
Writing It All Down.
Referring back to it.
CHAPTER 2: You Need a Plan: Preparing for Content.
Organizing Your Site.
Categorize your information.
Accommodate your audience.
Visualize it: schematics.
Navigating Your Content.
Getting around the site.
Too much versus too little.
People are different.
Visualize it: navigation mock-ups.
Finding Your Personality.
Describe yourself.
Visualize it: sample combinations.
Remembering Your Limitations.
Think technically.
Think globally.
List it: product requirements.
Scheduling Your Progress.
Visualize it: content delivery schedule.
PART TWO: HOW TO...COMMUNICATE: THE THREE LEXICONS OF WEB USABILITY.
CHAPTER 3: Technically It's a Lexicon: Technical Considerations.
Getting Technical.
Responding Promptly.
Paying attention.
Providing feedback.
Unifying the Web.
Breaking the model.
Keep 'em browsing.
Nonstandard interactions.
Incorrect use of conventions.
Following Links.
Different destinations.
Marking the trail.
Assembling the Page.
Keep content dominant.
Being Accessible.
Provide ALT-ernatives.
Leaving a forwarding address.
CHAPTER 4: Birds of a Feather, Flock Together: Visual Organization Principles.
Speaking Visually.
Seeing Information.
Understanding perception.
Forming relationships.
Building a hierarchy.
Using visual weight.
Keeping it balanced.
Educating your audience.
Explaining where.
Explaining what.
Explaining how.
CHAPTER 5: Who Are You? Get a Personality.
What is Personality?
Why Have a Personality?
Say the right thing.
Be unique.
Invite and engage.
Bring it all together.
How to Get a Personality.
Investigating the possibilities.
Using color.
Using type.
Using visual elements.
Using interactivity.
PART THREE: START COMMUNICATING: ONLINE, THAT IS!
CHAPTER 6: Fundamental Particles: The Elements of Web.
Working the Elements.
Know your basics.
Elements and personality.
Navigation Systems.
Keeping it clean.
Providing alternates.
Keeping navigation in its place.
Body Text.
Being readable.
Linking within.
Images.
Eliciting interest.
Part of the bigger picture.
Keeping it small.
Page Footers.
Within the footer.
The footer and the page.
Forms.
Ask the right questions.
Make consistent requests.
Create a visible order.
CHAPTER 7: Home Is A Cluttered Place Indeed!
What Belongs at Home?
Everyone wants to be at home.
Leave it in the garage.
First Impressions.
What's Inside?
The right amount of contrast.
Entrance hierarchy.
Grouping entrances.
New Additions.
Working together.
Getting noticed.
CHAPTER 8: We Are Always Changing.
A Web in Need.
The dynamic advantage.
No longer just browsing.
Dynamic Designs.
Getting to content.
Template power.
Know what to expect.
Generation PLEX.
Our complex nature.
Doing our own thing.
More to Come.
Conclusion.
Permissions.
Bibliography.
Index.
商品描述(中文翻譯)
描述
雖然網頁可用性在網路泡沫破滅期間受到了很多關注，但重點主要集中在技術問題上。可用性專家強調了框架和網頁上過多圖像的陷阱。他們建議刪除不必要的文字，並以非線性的風格撰寫——這些當然都是有價值的建議。但他們較少強調網頁視覺呈現的重要性。
網路是一種主要以視覺進行交流的媒介。您在網頁上看到的內容告訴您在網站內可能找到什麼、如何到達那裡，以及為什麼它可能會引起您的興趣——更不用說塑造您網路體驗的本能情感反應。因此，網頁可用性問題實際上是交流問題。易於使用的網站是那些能夠快速有效地進行交流的網站。
《Site-Seeing》以全新的方式探討網頁可用性，通過將視覺傳達原則和決策應用於網頁設計。具體而言，讀者將學習視覺組織、外觀與感覺、技術考量以及源自受眾意識的清晰規劃的關鍵概念。作者 Luke Wroblewski 通過眾多全彩範例，解構了網頁設計中的「好、壞、醜」。
網站的視覺呈現不僅僅是讓它看起來美觀。它根據功能組織信息。它創造出獨特且適當的個性。它提供情感影響和依附感。簡而言之，它吸引受眾並讓他們不斷回來。
目錄
第一部分：在您...溝通之前思考：規劃階段。
引言：學習如何使用網路。
網路的演變。
可用性時代。
本書的內容。
第一章：您想說什麼？決定內容。
知道該說什麼。
用「網路」來表達。
了解您的客戶。
理解客戶的目標。
了解您的受眾。
他們在尋找什麼。
他們如何交流。
使用個人檔案和情境。
確定內容。
將所有內容寫下來。
回顧它。
第二章：您需要一個計劃：為內容做準備。
組織您的網站。
對信息進行分類。
適應您的受眾。
可視化：示意圖。
導航您的內容。
在網站中移動。
過多與過少。
人們是不同的。
可視化：導航模型。
找到您的個性。
描述自己。
可視化：樣本組合。
記住您的限制。
從技術上思考。
全球化思考。
列出：產品需求。
安排您的進度。
可視化：內容交付時間表。
第二部分：如何...溝通：網頁可用性的三個詞彙。
第三章：技術上它是一個詞彙：技術考量。
進入技術領域。
及時回應。
注意細節。
提供反饋。
統一網路。
打破模型。
保持用戶瀏覽。
非標準互動。
不正確使用慣例。
跟隨鏈接。
不同的目的地。
標記路徑。
組裝頁面。
保持內容主導。
可及性。
提供替代方案。
留下轉發地址。
第四章：物以類聚：視覺組織原則。
以視覺方式表達。
看見信息。
理解感知。
建立關係。
建立層次結構。
使用視覺權重。
保持平衡。
教育您的受眾。
解釋位置。
解釋內容。
解釋方式。
第五章：您是誰？獲得個性。
什麼是個性？
為什麼要有個性？
說對的話。
獨特性。
邀請並參與。
將所有內容整合在一起。
如何獲得個性。
調查可能性。
使用顏色。
使用字體。
使用視覺元素。
使用互動性。
第三部分：開始溝通：在線上！
第六章：基本粒子：網頁的元素。
運用元素。
了解基本知識。
元素與個性。
導航系統。
保持整潔。
提供替代方案。
保持導航在適當位置。
正文。
可讀性。
內部鏈接。
圖像。
引起興趣。
更大圖景的一部分。
保持小巧。
頁腳。
在頁腳內。
頁腳與頁面。
表單。
提出正確的問題。
保持請求的一致性。
創建可見的順序。
第七章：家確實是一個雜亂的地方！
什麼屬於家？
每個人都想待在家裡。
把它留在車庫裡。
第一印象。
裡面有什麼？
適當的對比度。
入口層次結構。
分組入口。
新添加的內容。
共同工作。
引起注意。
第八章：我們總是在變化。
需要的網路。
動態優勢。
不再只是瀏覽。
動態設計。
進入內容。
模板的力量。
知道該期待什麼。
PLEX世代。
我們複雜的本質。
做我們自己的事情。
更多內容即將到來。
結論。
許可。
參考書目。
索引。
