竟然一次寫五天...沒關係啦 重質不重量:P
Day14 本來應該是3/17的,但是那天不舒服,所以請假了
所以Day14是3/16的UE課程,這一天有很多有趣的資訊從老師口中冒出來
老師先用了下面那一段影片當作開場 The Right Way to Wireframe by Fred Beecher
在影片中,Fred Beecher展現了一個完整的網站設計流程,包含protoyping階段 Fred設計出來的wireframe及prototype,並且對照最後實際網站成品。
今天的課程比較硬,要來說書了,說《資訊架構學》這本書,老師說有很多人吃不下這本書,因為實在是有點難咀嚼,而此書的作者真的很厲害,因為他又寫了本更難咀嚼的書《隨意搜尋Ambient Finda》,探討更細節的部分。
另外老師分享了一個出版社 Rosenfeld Media
老師大推他們的著作都非常的棒,然後《Web Form Design》可以特別拿來看,很棒!
2018年,網路世界又會有什麼樣子的新變化?老師上課問了這樣的問題,他也問,目前什麼樣子的網站是十年前的你想不到的,當下實在是想不出個所以然,老師最後提了個例子:Facebook!
很多網站都是人與資訊的連結,所以著重的架構是「資訊」架構,但是Facebook所著重的是人與人之間的連結,是一個就算把資訊架構讀得滾瓜爛熟,也不一定能夠創新出來的網站。但是這也並不表示,讀資訊架構一點用處也沒有。
資訊架構到處都看得見,交通系統的地圖、百貨公司的樓層介紹、電視遙控器的頻道選擇、餐廳的菜單等等,說到餐廳菜單,老師提到了一間牛肉麵店的菜單非常有趣(詳),請問,究竟要怎麼選自己想要的食物呢(讓人好想要去吃看看XD)
「認知」會影響使用者對網站使用方式的預期跟互動方式,資訊架構對認知的影響,快於視覺設計。什麼意思呢?可以回想,「入口網站」 都長什麼樣子呢?yahoo、政府網站、hinet,他們是不是一看就讓你覺得入口網站就是長這樣呢?因為你的認知已經把入口網站的架構的模型根深,所以讓很多網站就會依照使用者的認知做設計,所以大家都長得一樣...
問題永遠是出現在量大的時候!Amazon是個有趣的範例,因為他的資訊量很大
這是早期的amazon選單製作方式
然後因為資訊變多了,所以把標籤選單往上疊了!!!
然後就有人對他開了個小玩笑XDDDD (祝你生日快樂~(誤
當資訊量大的時候,要怎麼將資訊好好的整理好然後又顧及使用者和網頁的觀感呢?
「Mega Mune」 新導覽選單,如果老師沒有特別提,我還真沒有發現現在網站的選單有這麼的大不同,也就是階層只有兩階,不會再出現第三階了(ex.開始>所有程式>附屬應用程式>小畫家),老師稱那種三階以上的選單為"電流急急棒",哈哈,實在是好貼切,當階層超過三階時,其實很難點啊,因為只要滑鼠一跑掉,就又要重來一次了,常常會因為如此憤而關掉網站另尋出路!「Mega Mune」讓網頁畫面變得簡潔,讓使用者能夠更輕易的就點到他想要的標籤!
關渡自然公園,是老師在上課提到的案例,有很多網站,當下看都不會覺得有什麼問題,但是當老師把問題點出來的時候,就會變得莫名的好笑,請問你知道「住房名單」的內容是什麼嗎?不妨點進去看看吧
這樣子的網站,對大人來說應該會很困擾,因為大人多是進去尋找有用的資訊,不過這樣子的設計對小朋友來說應該就很有趣,因為小朋友喜歡探險和搜尋,標籤的命名對他們來說不會有什麼特別的影響,反而越是有趣越吸引小朋友注意,因此,網頁要玩將東西藏起來的flash是可被接受的,但這對大人來說應該會造成一肚子惱火吧
架構網站時要考慮「情境、內容和使用者」,例如自然系圖鑑這個網站,他就不適合給非常了解鳥名的人使用,因為他只要直接去搜尋名子就好,何苦在這而點選這麼多步驟才能找到需要的資訊,但是對於鳥名不熟悉的人,這就比較適合他們了。
今天的課雖然有點硬,但其實還滿有趣的~特別是那個牛肉麵XDD
Day15 16 17 (3/21 22 24)
這幾天是多多動腦的日子,每次看著大家提案,都覺得她們怎麼可以有這麼多的範例可以這樣快速的丟出來,真的很棒說
整理了一下這幾天動腦時看到的好網站和影片
很有科技感的網頁 http://www.bacardi.com/
3D呈現Nikon相機 http://www.nikonusa.com/D7000/#/camera
很多人頭一起說話 http://www.youtube.com/watch?v=4nx_cIj5mv4
audi的3D切塊分解 http://vimeo.com/19968070
大陸的冰箱廣告 http://vimeo.com/10719386
RAVING RABBIDS 雷曼兔真是可愛XD http://vimeo.com/19567761
很可愛的裝醒哥 http://www.youtube.com/watch?v=ZFOFgl60sPA
SODA飲料竟然可以這樣包裝也太酷了 http://www.calpissoda.jp/top.html
幫你把照片弄復古的網站 http://labs.wanokoto.jp/olds
[Fwa]Sony照片一片片的呈現很漂亮 http://www.panoramic-story.fr/
超可愛的杯麵 http://www.oyu.jp/
100%國產牛奶!!那隻牛是怎麼回事XD http://www.gyunyu.com/index.html
[Fwa]很有復古風的網站 http://www.nothingcomparestohavana.com/#/disclaimer
Small bear with a big heart http://smallbearbigheart.com/
很可愛但很晃... http://kakarod.com/
考驗專注力遊戲的水果茶(肥) http://fruitshoot.com/
有些網站來不及記錄下來:P
平常就要多吸收點網站啊!!!!!!!