▲圖文無關；大一電繪的ＰＳ雙色調作業
今天網路傳播的學習目標是：
【介紹網站設計的使用者經驗元素，並觀看實例以理解其內涵。】
以下說明轉載自老師的網路傳播設計↓
依據Ｊｅｓｓｅ Ｊａｍｅｓ Ｇａｒｒｅｔｔ的看法
網站設計使用者經驗元素有五種，係由表層進入到最深層，依序有以下五層：
１．外觀（Ｓｕｒｆａｃｅ） 層：圖、文元素的組合看起來是某一網站
類型。
２．編排（Ｓｋｅｌｅｔｏｎ） 層：網頁元素的排列能讓使用者用起來最
有效率。
３．結構（Ｓｔｒｕｃｔｕｒｅ）層：內容的分類讓讀者知道如何去某目的
地。
４．眼界（Ｓｃｏｐｅ） 層：使結構層得以完成的功能，例如，網
路書店提供與甲書性質相近的書。
５．策略（Ｓｔｒａｔｅｇｙ） 層：網主及網友要能該網站取得什麼。
進行設計時，要由下往上建起。
要瀏覽及描述以上觀點的網站，是讓我悔恨不已的Ａｐｐｌｅ
至今還有些後悔為什麼６年前買的筆電不選ｉＢｏｏｋ…
在叔叔跟朋友等Ａｐｐｌｅ迷的鼓吹跟催眠下
明年的願望就是希望能順利帶回一台ｉＭａｃ
是說Ｍａｃ的外觀跟性能也越來越棒了
高三時我們大部份的ｉＭａｃ還是Ｇ３，只有少數幾台Ｇ４
那時大家都搶著用Ｇ４
想不到現在都已經進展到像ＭａｃＢｏｏｋＡｉｒ那樣的筆電了…
講回使用者經驗元素
網站應由以上五層由下往上建起，故為↓
策略（Ｓｔｒａｔｅｇｙ）層
▼
眼界（Ｓｃｏｐｅ）層
▼
結構（Ｓｔｒｕｃｔｕｒｅ）層
▼
編排（Ｓｋｅｌｅｔｏｎ）層
▼
外觀（Ｓｕｒｆａｃｅ）層
前往＞＞Ａｐｐｌｅ官網
．Ａｐｐｌｅ網站的策略（Ｓｔｒａｔｅｇｙ）層：
Ａｐｐｌｅ開設這個網站的主要目的
是要介紹該品牌產品的販售資訊和資源服務
好讓瀏覽者了解及購買該品牌的產品。
．Ａｐｐｌｅ網站的眼界（Ｓｃｏｐｅ）層：
Ａｐｐｌｅ的網站在這點做得滿完善
例如點選ＭａｃＢｏｏｋ時
左下角會有一個選項是問你適合哪一種ＭａｃＢｏｏｋ
點進去會有不同尺寸的ＭａｃＢｏｏｋ和ＭａｃＢｏｏｋＡｉｒ的選項
而某些作業系統軟體亦有類似功能
算是清楚明瞭。
．Ａｐｐｌｅ網站的結構（Ｓｔｒｕｃｔｕｒｅ）層：
這部份Ａｐｐｌｅ做得很好
Ｌｏｇｏ圖的選項一點進去既是首頁
其他的選項沒有過多或繁雜的描述
Ｓｔｏｒｅ就是販售該品牌的產品
賣電腦、隨身聽和手機也是直接的打出該產品系列名稱
白話的選項，就算是英文白癡也能快速直接的找到想找的資訊
因為是聞名世界的品牌，網站當然也有很多語言版本
其中也包含繁體中文的版本，相當便利。
．Ａｐｐｌｅ網站的編排（Ｓｋｅｌｅｔｏｎ）層：
光這點就讓人對Ａｐｐｌｅ著迷
網站的版面編排上Ａｐｐｌｅ設計得乾淨俐落又不失功能性
最上排的選項及搜尋功能
可以讓使用者不用花多餘時間，直接找到重點
而圖上文下的資訊很清楚
能直接了解到該產品資訊的重點
不會看得眼花撩亂
圖跟文字的比例上也拿捏得很穩
因為圖太多會讓人弄不清重點
文字太多又會使人在閱讀上產生疲憊感甚至一眼就感到排斥
所以在Ａｐｐｌｅ的網站可以學習到圖文比例的拿捏。
．Ａｐｐｌｅ網站的外觀（Ｓｕｒｆａｃｅ）層：
光從配色及圖片設計的質感上
不用仔細看內容，只要稍微了解Ａｐｐｌｅ的特色
就幾乎可以斷定此網站跟Ａｐｐｌｅ脫不了關係
即使不了解或不知道Ａｐｐｌｅ
從網站的設計配置上也可看出是３Ｃ科技類的資訊網站
在首頁時即可看到Ａｐｐｌｅ主打的產品
整體來講，這個網站非常有他們自己品牌的特色及風格
算是我看過在同類型網站中相當突出的。
整個網站仔細看過一輪後
我想到他們連店面的設計也很有自己的品牌風格
之前繞到台北信義的紐約紐約時，就會繞到他們店面去看看
有時候很怕進去之後，就會抱著一台電腦走出來…
所以至今只敢進去逛一次
在看過身邊中Ａｐｐｌｅ毒的人後，我對Ａｐｐｌｅ真的越來越感興趣。
另外是之前朋友推薦的Ｍａｃ的ＣＦ
這個廣告創意非常棒，看了會讓人噴笑
乍看下手法誇張，但我覺得笑點非常真實（笑）
ＰＳ：不過ＰＣ擁護者可能會覺得有點不舒服，總之看看就好別放心上唷！
英文版↓
日文版↓
沒有留言:
張貼留言