2012年7月18日 星期三

資訊架構、優使性與親和力-原也網頁設計、網站規劃、網站行銷

  引用自http://nowills.blogspot.tw/2008/06/blog-post_06.html

良好的資訊架構、可用性以及親和力正成為專業設計師及開發者所關切的領域。 -超越式CSS 網頁視覺設計之王道 P12
.



大家一定會覺得奇怪,為什麼書本上寫可用性,可是我的標題卻打優使性? 別懷疑,我沒有打錯,對於這個名詞,目前還沒有一個正確的名稱,中文有許多種不同的說法,像是可用性、易用性、優使性等等,其中以優使性讓我覺得比較接近原義,因為一個好用的設計除了操作容易以外也要看起來很優很順眼,那才會相輔相成,讓設計更加登上一層樓。
本篇的重點不在於名詞論斷,而在於資訊架構、優使性與親和力這三者間的關係,一般而言當我接到案子我會先看他的網站架構,了解整體的資訊架構後才開始著手設計理想中適合的版型,設計好後再網頁製作好後再考慮不同瀏覽器的問題,所以對我來說這三者的關係應該是
 網站架構 -> 優使性 -> 親和力
 
所以網站架構的完整性就會影響到使用還有親和力部分,著墨的多寡也就有所不同
網站架構 50%
優使性 25%
親和力 25%

當然,並不是每個設計師都跟我一樣是如此,就著重優使性的設計師來說,他的比重當然跟我不同,所以著重於親和力的設計師也當然與我不同,最理想的狀態當然是三種都是33%,往後我也會朝這33%的目標前進,我現在正在努力著重於優使性上,也慢慢的在了解親和力的部分,希望有一天我會成為33達人! 以前高中的時候有位很老的化學老師,他曾經說,人只要一離開學校,剩下的日子很少看超過22本書,這是他對學習一個小小結論,不過我想,在現在這個時代裡,22本書,會很難嗎?對網頁來說,每年都會冒出新的東西來,所以這是一個不斷在學習的職業,也是不斷在學習成長的一個範疇,22本書,我想,在同業裡應該會有不少人超過才對!


原也網頁設計、網站規劃、網站行銷。

2012年7月16日 星期一

簡約沒那麼簡單!蘋果首席設計師Jonathan Ive談產品設計-原也網頁設計、網站規劃、網站行銷

  引用自http://www.bnext.com.tw/article/view/cid/135/id/23320

如果你熱愛蘋果產品,那麼你一定聽過強納生.伊夫(Jonathan Ive),他是賈伯斯頭號愛將,也是蘋果的首席設計師;1998年蘋果正瀕臨破產邊緣,他設計出革命性產品iMac,讓蘋果開始反轉向上;強納生的設計徹底顛覆許多重大產業,2001年的iPod改變了唱片產業,2007年的iPhone改變了行動通訊產業,2010年的iPad改變了電腦產業。 

強納生.伊夫日前接受媒體採訪時談到,「設計」一詞可以包含很廣泛,也可以什麼都不是,「我們不真正談設計,我們談的是想法和產品的創作過程」。他進一步解釋,開發設計任何事物都是極具挑戰性的,目標是解決複雜問題時,盡力將簡約(simplicity)帶入未知答案之中。「簡約」是強納生.伊夫經常掛在嘴邊的名詞,而且還會一直強調這個名詞的特殊意義,「簡約並不代表完全不雜亂,這代表的是產品功能和定位,不雜亂只能說是乾淨,簡約則是要完全融入到產品的生產過程,是所有的根基」。

設計出這麼多款的成功產品之後,強納生.伊夫早已將團隊所產出的其它創意視為理所當然,但仍驚嘆每一個創意的發想過程。如果你想瞭解強納生.伊夫,要先認識他的真誠和熱情,這絕不是空談,而是強納生.伊夫此生信念。強納生.伊夫和他的團隊總是竭盡全力思索新想法、研究新材料、創造新製程、和諮詢不同產業的專家,例如研發iMac的時候,強納生.伊夫就詢問了糖果產業的人,如何才能生產出半透明糖果色的電腦外殼。


為了提升設計實力,強納生.伊夫還特別到日本學習武士刀如何製作,更有傳聞指出,iPad 2的設計靈感就是來自於此,雖然強納生.伊夫否認此事,但是這個故事還是讓人深深相信,原因就是強納生.伊夫和蘋果都是相當注重「藏在細節裡的魔鬼」,「有時候我們會投入相當多的資源和時間,只是為了解決一個小問題,但是事實上這個問題一點也不影響產品功能,只是因為我們認為這樣做是對的」。「就像是當你製作一個抽屜的時候,背面也要做好,你可以說因為大家永遠都不會看到這裡,沒必要把它做得很好,我很難清楚說明為什麼這樣做是重要的,但我就是認為這件事很重要,唯有如此才能證明你是真正關心使用者。我們認為自己有這樣的責任,這是一件重要而且對的事情。」

蘋果關心細節的理念融入所有產品,不但讓蘋果成為全球市值最高的公司,也讓大眾認為蘋果是一家永遠不會失敗的公司。其實,蘋果也有許多不成功的商品,像是2000年的Power Mac G4 Cube,還有2007年的Apple TV,強納生.伊夫說,「發展專案的長期過程中,我們通常並不清楚到底是否能解決問題,甚至不知道是不是該放棄這個想法,就算是iPod、iPhone、iPad,我們也曾這樣想過。」「有時候專案已經進入成熟期,也有了解決方案,但還是有一種下沉的不安感,因為你必須表達出產品價值所在,試圖說服別人,這樣的過程往往會讓你發現產品不足的地方,因此你必須告訴自己:『這還不夠好,我們應該要停下腳步』,但這就是相當困難的地方」。知道何時該停止,就是強納生.伊夫最重要的工作之一。


蘋果堅信人們應該要專注在他所專精的領域,但整個研發過程還是能保持相當流暢,當大家坐在一起開會時,你無法分辨出誰是機械工程師、誰是電子工程師、誰又是工業設計師。此外,團隊合作也是蘋果相當在乎的事,因此蘋果設計團隊可以共事超過十五年,這個團隊的美好,就是可以一起學習新事物,也一起承擔失誤決策,沒有這些過程就無法學到東西。

去年,蘋果最重要的領袖賈伯斯離開,華爾街分析師認為蘋果將會無法避免的衰退,正如你所預期的,強納生.伊夫完全不認同這件事,「我們開發產品的方式和兩年前、五年前、十年前都一樣,並不是只有設計團隊這樣做,而是整個公司的工作模式都是如此」,這也是強納生.伊夫認為蘋果會繼續成功的原因。「我們是著迷學習的組織,而且是一個喜愛嘗試解決非常困難問題的組織,也從此獲得無比滿足感。特別是坐飛機的時候,看到大家都在使用蘋果產品,這是多麼美好的一件事」。


 
原也網頁設計、網站規劃、網站行銷。  

2012年7月15日 星期日

Google不殺伯仁,伯仁卻因 Google而死-原也網頁設計、網站規劃、網站行銷

  引用自http://wired.tw/2012/07/12/google/index.html
WIRED總編輯觀點



口述:戴季全 / 採訪撰文:張婉怡

在今年的Google年度股東大會上,該公司財務長(Chief Financial Officer,簡稱CFO)Patrick Pichette提到:「Google『可能』是全世界最大的硬體製造商之一。」
一個從軟體業務出發的公司,卻同時具備了硬體產製的強大實力,這個結果的背後,某種程度上印證了當前科技產業發展現況:軟體業主導著硬體業的發展。

原本,Google發展硬體業務只是為了提供更好的軟體效果。他們自己設計伺服器,藉由網路服務來提升價值(Value up),再以降低成本(Cost down)的思維將硬體外包出去。例如,Google的資料中心(Data center)是以貨櫃為單位,每個貨櫃裡可能有上千台伺服器,設計好之後就丟給廣達,由台灣或大陸的代工廠負責生產。

因此,當Google自己設計一個新的硬體架構,向上整合出一套完整的生產流程後,下游製造部分,只要找到能用便宜價格做出同樣規格的代工廠即可,不論是當初的伺服器,或現在的手機、平板電腦都是依循此道理。

為了要量產,大部分硬體廠都從降低成本出發;不過,軟體的量產只須透過複製,所以必須建構在提升軟體價值、散佈能量與應用範圍的基礎上。從這個觀點來看,Google添購硬體設備,甚至企圖掌握更高的硬體整合能力,都是為了讓軟體價值不被硬體規格綁住。

所謂的「最大硬體製造商」,恰好印證了一個現況:當前的科技產業龍頭即將由軟體廠接手。主要原因在於,既有的硬體廠沒辦法滿足Google的龐大用量,它乾脆向上整合。過去,福特汽車也曾這麼做,為了滿足大量的原料需求,福特買下一整個煉鋼廠和煉鋁廠,進行原物料整合,整合完畢後就成為它的競爭優勢。

這說明了一件事:市場主導權已經從硬體走向軟體,而沒有軟體主導能力的廠商,將逐漸失去其競爭優勢。

換句話說,現在的產業趨勢是由軟體需求帶動硬體需求,而不是硬體需求帶動軟體需求。不管是市場研發或技術研發,當一間公司缺少軟體研發能力,剩下的,可能就只有價格優勢。當Google不再只是個搜尋引擎公司,而是更專注於運用創新研發來尋找市場機會,它跨進新市場的每個步伐,不論成功與否,某種程度上都會產生破壞式創新,只是它現在踏入的剛好是硬體市場。

Google執行長施密特(Eric Schmidt)曾提到,當今科技四大巨頭包括Google、臉書(Facebook)、亞馬遜、蘋果(Apple)。我認為這四間公司就像世界的R&D中心,它們藉由研發所產生的產品附加價值很高,儘管過去也曾遇到失敗,但在失敗後,依舊鑽研著該如何創新,提高效率,再將創新轉化為市場機會。

由當前趨勢來看,Google做為軟體或硬體公司的界線似乎逐漸模糊,但在虛實整合的趨勢下,我們至少可以確定,它的關鍵能力來自軟體開發,核心價值就是它的創新能力。反觀微軟(Microsoft)、諾基亞(Nokia)、惠普(HP)、宏碁、華碩、HTC等知名大廠,這些公司的未來發展,倒是頗令人擔憂。


  原也網頁設計、網站規劃、網站行銷。

2012年7月12日 星期四

痞客邦力推數位媒體服務,《7 Headlines》正式上線-原也網頁設計、網站規劃、網站行銷

  引用自http://www.bnext.com.tw/article/view/cid/145/id/23855
  由城邦集團旗下的痞客邦所研發的數位媒體平台《7 Headlines》昨(9日)正式上線服務,《7 Headlines》是華文市場第一個融合「個人化興趣」與「社群分享」的媒體平台。城邦集團首席執行長何飛鵬指出,《7 Headlines》的推出不但方便大家吸收各種資訊新知,也宛若聘請了一位隨身的小秘書。



2012年7月10日 星期二

關於HTML5這回事-淺談HTML5-原也網頁設計、網站規劃、網站行銷

  引用自http://www.mydesy.com/html5

   


什麼是 HTML5?

HTML5是目前最新的HTML協議,目的是取代1999年所定訂的HTML 4.01和XHTML 1.0 標準,以現今網路使用需求來說HTML 4.01與XHML 1.0已經無法滿足需求,所以發展HTML5是早晚的事情。廣義來說HTML5的內容包含了HTML、CSS和JavaScript三大部份,與以往相比,HTML5已經無法用單一語意式協議來闡明一切,而HTML5的最大使命就是彙整所有網路常用媒體協議,如Adobe Flash、Microsoft Silverlight、Oracle JavaFX等等,提供更有效、更完整、更強大的的媒體組合。

2012年7月8日 星期日

網頁設計內容規劃與準備的五個目標-原也網頁設計、網站規劃、網站行銷

  節錄自http://www.ozchamp.com/knowledge_detail_663_ntid_119.html
作者:Alden DeSoto / 原文出處: Google

  許多企業將重點擺在網站的圖形設計,以及建立視覺上賞心悅目的網站,但他們通常都忽略了應該要在網站上多放一些文字。提供資訊的文字能夠讓訪客安心,還能讓搜尋引擎有東西可供檢索。 因此,網頁設計應該從何開始?讓我們看看您可以完成的五大文字相關要件。


2012年7月4日 星期三

充滿創意的404錯誤頁面-原也網頁設計、網站規劃、網站行銷

引用自http://ldope.com/news/design/404-not-found-error_web-page/ 


當瀏覽網頁看到「找不到網頁」、「404 Not Found Error」時是不是火氣就來了呢?今天我們就來看許多網站的404錯誤頁面,但不會讓你火到反而是會心一笑呢~


(點擊圖片進入404頁面。)



   一進來就看見一隻綿羊坐在馬桶上,看牠再慢慢的消失,當滑鼠滑過時,又突然出現,實在是滿好玩的。
原網站http://www.apartmenthomeliving.com/




雖然不像前一個有效果,但是看到那隻袋鼠的動作,也挺有趣的。
原網站http://www.localfitness.com.au/  


有種想找什麼東西,但是找不到,被關了窗的感覺。
原網站http://christophermeeks.com/  


找不到頁面是因為CSS錯了??
原網站http://css-tricks.com/  

XDDDD這設計師正在畫新的404頁面。
原網站http://www.brandcrowd.com/  


連大偵探都找不到。
原網站http://audiko.net/  


這頁真的挺好玩的,上方文字有提醒可以點擊獨角獸,就會出現有趣的對話跟動作,但是我沒想到他有這麼多啊XDDDD  


最後這個不是真的找不到,只是有人把PACMAN的路做成了404,真的可以玩喔!