目前日期文章:201401 (9)

瀏覽方式: 標題列表 簡短摘要
mihm_p8

小米手機最新一代的低價機種紅米手機一推出就造成搶購,其人民幣 799 元的訂價更讓創下第一批十萬台新機,在網路上只花了 90 秒就被各方的消費者搶購一空,而紅米手機的爆紅,除了沿襲小米手機先前的強勢外,更進一步帶動了中國千元智能機市場一陣波瀾。

根據全球市場研究機構 TrendForce 針對紅米手機的規格進行解析,其使用的零組件以來自友達的 4.7 吋 IPS 視網膜面板占整機的成最高,達到了 22%,不過其 312ppi 高畫質面板規格與目前一般中國千元智慧型手機2 20ppi 的面板畫質上拉出明顯差距。其次為聯發科的 MT6589(T) 處理器,占整機成本 20%,經由零組件成本表估算,紅米手機在 2013 年第四季的整機成本目前估算約為85美金,而市售價 799人 民幣的價格折合每金大約為 130 美金,一般手機廠商若僅藉由硬體銷售則難以在這種銷售價格下獲利。

tw-marketview-A-20130829

由於小米並未採取傳統的通路銷售模式,倚重網路銷售,並將紅米手機做為硬體平台,把營利重心放在軟體收入以及廣告等收益,發展出智慧型手機新的獲利模式。TrendForce 分析紅米訂價如此低廉,主要是因為小米掌握三大成本控制要素。

 

  1. 善用期貨式的整機價格行銷:由於小米的新機發表會上公布的時間點,與消費者真正取得的時間點,通常已經相隔一個季度以上,小米手機的訂價就是爭取這一兩個季度內電子零件跌幅的期望值。
  2. 庫存控制:藉由預購網路模式銷售,小米能精確掌握預購數量,整批下單生產,因此在庫存控制上比其他公司更精準,可以避免銷售不如預期時發生的庫存壓力與跌價損失。
  3. 社群行銷:藉由社群網路行銷,降低廣告費用,同時減少了銷售通路經手所轉嫁的成本,因此新產品價格每每能在市場上造成一股旋風。

 

這種破壞性的售價對中國智慧型手機市場的訂價策略產生了一定程度的影響,有可能影響其他智慧型手機製造商調整中低價位產品的訂價策略。小米目前主要銷售市場仍以中國為主,在外銷部分雖然態度積極,但是成果相當有限。後續在對中國市場以外的區域,是否也能影響其他品牌手機的訂價策略,仍要視其外銷比重能否進一步成長而定。

由於智慧型手機整機成本下降,2014 年 150 美元以下的低價位智慧型手機出貨比重由 2013 的 11% 提升至 14%,而介於 150 至 450 美金之間的中價位智慧型手機 2014 年全年出貨比重也超越五成,因此中低價位產品對智慧型手機廠商拓展市占率版圖具有決定性的影響力。而小米手機便是看準了這趨勢推出紅米手機。

marketview_20130829A

TrendForce 表示,小米品牌中長期策略,除了持續拓展中國本地市場外,還需藉由高性價比的產品順利敲開外銷市場的大門。先前小米手機創辦人雷軍就曾在微博上表示 WCDMA 版的紅米手機正在開發中,如果真的順利推出並維持此一價位,相信對其他市場造成巨大的衝擊。

另外小米主要盈利來自於社交平台服務與軟體服務,當走出華人市場後,仍需開發出新的軟體服務與社群網路獲利模式,吸引華人圈以外的消費者加入,才能進一步順利擴張。而近期以高估值完成募資的小米銀彈充足,未來在拓展海外市場部分,也許積極併購當地企業也是一種進入本地市場的捷徑,同時也可以將更多資源運用在確保產品生產進度上,讓產品能準時交付到客戶手上,改善長期以來小米為人詬病的缺點。

 

 

文章標籤

AJlin-DES鼎益盛 發表在 痞客邦 PIXNET 留言(0) 人氣()

1月15日消息,據BusinessInsider網站報導,移動支付和電子錢包正在進入我們的生活的各個方面,但是對於這一新生的事物,人們知道的並不清楚,以下尋修網為您盤點關於它需要知道的10件事:

1、在線支付領域的“三巨頭”

少數幾個公司已經在電子在線支付領域取得領先地位:谷歌、亞馬遜和PayPal。現在他們在嘗試進軍日常生活業務了。谷歌錢包服務允許人們把錢存在手機中,然後在實體商店或是網站上進行消費,同時藉助NFC近場通訊技術,具有兼容功能的安卓手機就可以變成一個支付卡。

2、谷歌錢包推出了實體版

你最喜歡的飲品店沒有接入谷歌錢包系統?不必擔心,谷歌剛剛發布了一款實體的谷歌錢包,你可以在全美任何支持萬事達卡(Mastercard)的地方使用它。實際上它就是一個普通的借記卡,只不過它和谷歌銀行掛鉤了。

3、萬能的Coin卡

售價100美元的Coin去年夏天在美國發布了,它最大的亮點在​​於可以憑藉一卡之力完成你口袋裡其它所有卡片的功能,無論是藉記卡還是超市會員卡,統統可以合併在其中。它會掃描這些卡片後的磁條,然後用電子方式複制這些磁條特徵並存儲在自己的卡片中。你只需要按一個按鈕就可以從借記卡支付切換到信用卡支付,還可以調出會員卡來進行積分,切換起來非常方便。

4、Square的崛起

電子錢包有一個非常糾結的問題:遇到不接受它們的商店就完全無法使用,而如果沒有顧客使用,商店就不會考慮安裝支持系統。

Twitter聯合創始人Jack Dorsey的新公司Square提供一種新想法,你可以使用手機的耳機接口接入一個附件,通過這個附件來進行支付。但Dorsey的終極目的也在於頂替所有卡片。所有使用Square進行支付的商店都會支持顧客使用Square app進行支付,而且他們得到了星巴克的支持,目前Square app已有相當數量的用戶。

5、電子錢包在美國相當流行

谷歌錢包,Coin卡,Square,在美國以外的地區都無法使用。當然標準商務模式是一大原因,在英國卡片模式已經從磁條轉成更安全的芯片系統,為這種卡編寫應用變得更加困難。當前電子錢包的前景還很不明朗,比如沒人清楚像Coin卡這樣的卡片能否替代芯片卡來進行支付。

6. iZettle

一些公司開始研發​​密碼刷卡技術。總部位於斯德哥爾摩的iZettle開發的技術能夠使商店使用iPhone或iPad接受信用卡付款。但是這項更複雜的技術成本可不低。PayPal和Square在美國提供免費的磁卡閱讀器,而iZettle的密碼閱讀器卻要花費近100英鎊。

7. 尚未成功的NFC支付

早在2011年,英國就出現了通過手機進行非觸碰式支付的技術,但是該項技術並沒有取得太大的成功。因為能夠支持此項技術的手機很少。多數時候,該服務要求用戶設置獨立的電子錢包,而不是直接和銀行賬戶連接。這就使用戶和資金之間又多了一道程序。

8.各自為政的電子錢包系統

每個公司都擁有屬於自己的、不可轉讓的電子錢包應用程序,但是這種各自為政的方法也給電子錢包造成了可怕的碎片。在2014年,由於沃達丰、 EE和O2將共同組成移動錢包服務“Weve”,這種情況可能會結束。但是要想讓電子錢包和信用卡一樣便於使用,還不是一天兩天的事。

9.比特幣

儘管新聞故事總是把比特幣描述成閃閃發光的金屬般的物品,但比特幣實際上不過是硬盤裡的數據塊而已。它們能夠用“真正”的錢買入,或者通過複雜的數學得到。比特幣具有純數字化的特徵,因此它有可能成為國際貨幣。同時,用戶們也可以不經過銀行而直接進行比特幣轉賬。

10.蘋果有可能大舉進軍電子錢包領域

一些人懷疑蘋果還在醞釀一個新的計劃:蘋果擁有大量的信用卡數據,再加上觸摸ID指紋掃描儀和新的短距離通信的“ iBeacon ”技術,這些都可能使蘋果成為一個強有力的競爭對手。

文章標籤

AJlin-DES鼎益盛 發表在 痞客邦 PIXNET 留言(0) 人氣()

對於Mobile Web來說,現在是快速成長時代。由於採用了HTML5和CSS3技術,移動瀏覽器的性能加強了許多,同時,移動app的框架也擴展了,這意味著為移動設備創建豐富的互動的web體驗的可行性又提升了。

本文通過對四種常用的框架進行比較,看看新技術帶來了哪些改變。

採用諸如PhoneGap這樣的封裝軟件,您就可以使用native app Store以及單個代碼庫,就可以分佈式部署iPhone,iPad和Android等不同的目標平台了。

對於Mobile Web的開發人員來說,切換框架代價很高:因為動畫的轉換,工具欄,按鈕,列表的顯示,以及線下存儲等都很麻煩。因為大部分上述功能都是新技術,以及這些領域的技術還在迅速地改變。作者玩轉了許多Mobile Web的框架並且對它們進行了分析比較,下面將為您講解他的研究發現。

一、jQTouch

jQTouch易用性強,相關文檔也很全面。它的特色是在使用HTML,CSS和JavaScript創建iPhone App方面擁有出色的能力。jQTouch使用漸進增強的方案,在您相應的HTML頂層來實現像iPhone那樣的用戶體驗。它簡單易用,提供了一個基礎的小工具集以及動畫方案,開發人員只需要編程控制其動態行為即可。

不過在作者的簡單測試中發現app的性能存在一定的問題,頁面在轉換時可能出現跳轉或者缺失的情況,以及在響應tap事件的時候還有周期性延遲。該項目在技術上還活躍著,不過原作者的進展和部署都顯得太慢了。

只需要遵守MIT的license許可就可以使用jQTouch了,MIT lic是作者最喜歡的開源許可之一。

二、jQueryMobile


jQuery Mobile是這個領域的新丁,2010年8月才正式宣布成立,但是已經迅速進展到功能豐富的阿爾法2測試版本了。jQuery Mobile跟jQTouch相比很相似,但是更加標準,更有適應性,感覺很像jQTouch的後繼版本,對用戶接口和style的支持範圍更加寬廣了。

jQuery Mobile的性能是不穩定的,(雖然比jQTouch好一些)特別是在響應TAP事件的動畫延遲補償的時候。此外,還缺少一些關鍵的程序hook,所以不能輕鬆地讓app更加具有動態性能。例如:當一個頁面啟動的時候事件觸發了,這時候卻無法通知響應的代碼頁面將轉向哪個用戶接口,也不能傳遞附加的信息給處理模塊。針對上述問題,創建工作區來解決還是可行的,但是在這裡作者希望其將來的版本能從jQTouch那裡學習一下,並把現在的功能缺陷處理掉。

jQuery Mobile的相關文檔資料很零散但是有所改進,作者很希望它們能變得像核心jQuery庫那樣具有魯棒性。(請注意,jQuery Mobile是和jQuery UI相輔相成的,並不是建在單純jQuery之上的)

想獲得jQuery Mobile只需獲得MIT或者GPL2 license。

三、Sencha Touch


這是個與Ext JS框架完全不同的產物,其方案與jQTouch/jQuery完全不同:Sencha生成自己的DOM(基於用JavaScript創建的對象)代替了先前存在的HTML增強方式。如此,使用Sencha工作的感覺不像是web編程,而更像是使用Java或者Flex等技術來做app的樣子。比起jQuery來,Sencha的感覺更像是YUI。作者個人比較偏好漸進增強的方案,儘管其性能還真有些不盡人意的地方。

sencha跟其競爭對手們相比,擴展性強了很多:它擁有大量的用戶接口組件,直接的iPad支持,擁有JSON和HTML5線下存儲技術使得存儲和數據綁定更加方便。(使用Sencha的數據結構來操作app的數據十分酷~它可以實時響應列表的更新)此外,Sencha還是唯一在工具欄上支持內嵌的對象支持,其他方式都是滾輪列表的樣子。

在作者的測試程序中,使用Sencha與jQTouch/jQuery相比,雖然app很明顯地不那麼輕量級,但是其性能和可靠性方面明顯提高了,不過其初始化加載時間略慢。

當您使用庫library或者框架frame進行開發的時候,不遵守框架或者​​用你自己的方式通常都不會獲得成功。但Sencha的支持範圍足夠寬廣,這意味著您可以使用Sencha的開發方式來實現任何需求。作者最開始用的是WebKit的內嵌SQLite數據庫來做線下存儲,但是最終還是因為其複雜性和各種bug問題的煩惱而放棄了,轉而使用了Sencha數據存儲的功能。

在文檔方面,Sencha做的不太好,雖然很廣泛,但是又有很多舊版本的老漏洞沒有及時更新,作者就在這些框架中與bug作鬥爭,調試過程浪費了很多時間,因為文檔不夠健全,很多問題難以追踪或理解。而在開發者論壇響應作者提問的頻率還算較高,不過最終感覺還是不太夠。Sencha提供的付費技術支持起價是$300每年,作者很強烈地打算付費了,但是Sencha的回應是很好奇地打聽為啥這麼急著給他們送錢,真搞不懂。

獲取Sencha需要遵守GPL3 license,以及在某種不是GPL標準又很相似LGPL的授權下也能用,以及遵循非商業license也可以獲得。

四、TitaniumMobile

與Sencha Touch很相似,Appcelerator公司的Titanium Mobile可以讓您使用Javascript API來編寫app。不過與Sencha不同的是,Titanium把你的代碼編譯成Native的iPhone或Android app,這意味著它並不是一個真正的Web框架,而是一個兼容層或者編譯器。(請注意Titanium Mobile的近親Titanium Desktop是一個基於web的,讓您可以使用HTML /js來編寫桌面封裝的本地應用的一款軟件)

這麼說來Titanium允許web開發人員使用JavaScript和一點點XML之類的其他相關技術,可以實現高性能、更換皮膚很方便的Native App,而不需要額外去學習Objective-C或者Cocoa Touch等技術了。作者的簡單測試表明其性能不錯,吹散了框架方面的疑雲,而且整合起來也不是太難。

不過這個優點也是其致命的缺點,您只能作出Titanium所支持的平台上面的應用,你被它們的開發工具限制住了。作者想證明這一點只需要換一個不是iPhone的平台上來跑一下就知道了。同時,Titanium的調試器也不怎麼樣,不能使用XCode方式運行或者調試,就算在其仿真器上面程序跑的還算不錯,還是需要作者自己去實際機器上自己再找問題。

分析

作者在這4個框架上面挑選了3種並編造了自己的app來試一試,過程雖然很冗繁,但是收穫也頗豐。作者很喜歡jQTouch,但是不太相信它會在現有版本上再前進多少了。對於jQuery Mobile,很讚賞其簡單易用性以及其以web為中心的開發方法,不過它的缺點是缺少核心特色,跟Sencha比性能差很多。

用一個阿爾法2版本的產品來跟一個1.0版本的正式版相比或許有失公平,但是在用戶具有很強烈的剛性用戶需求時就必須做出選擇了,於是作者選擇了Sencha Touch。作者最初被其強大的性能和寬廣的支持程度所吸引,最終更喜歡其開發風格。隨著開發的深入,其文檔的漏洞讓作者十分沮喪,但是其廣泛的支持程度依舊吸引著作者,漸漸適應了其開發風格。如果他們願意回复郵件的話,作者很有意向付費以獲取技術支持。不過現在,Pints​​的發布已經是一個基於Sencha的app了。

結論

作者還沒有回答最大的問題呢:一個基於web的app在沒有本地app的情況下能否hold住局面?如果可以的話,實現這樣的技術是否值得捨棄原來那種單一代碼庫方式所帶來的代價呢?

鑑於兩星期以來Pints​​的實際應用,作者傾向於說不。Pints​​在性能和bug方面陷入僵局,平均每隔10-15秒頁面就亂跳,在滾動頁面的時候容易亂跳,動畫效果也不是很連貫。

 

原文出處:dapp開發者

文章標籤

AJlin-DES鼎益盛 發表在 痞客邦 PIXNET 留言(0) 人氣()

 

這張圖 是高雄醫學大學校內建置joomla站的轉換分析圖

高醫大在一年之內將所有的各處室單位系統慢慢轉換成了Joomla  這是為什麼呢? 讓我們來聽聽他們的評估結果 

高醫大joomla架站數量

 

圖資室超級低調負責架站的先生說:

我們的經費嚴重不足。並且有開發時程的壓力,因此放棄自建系統。開源也是我們學校的風格。

在比較過幾個開源的CMS後,我認為WordPress雖然最為普遍、方便,但較偏向部落格等信息發布類的平台。

Drupal 則是要有超高度客制化能力,才能改製成對一般行政人員容易操作。

至於 Django 則是語言環境的問題。

我認為不是哪個 CMS 較好,而是適配性的問題,因此我們選用了 Joomla!

 隨便比喻:

WordPress是隨手可取得的美工刀,但是改造一下也是可以具有強大的殺傷力

Drupal 應該是把武士刀

Django 把它看成雙截棍?!

 我的目標是煮個晚餐,我不太想花時間改造美工刀、也不想拿拿武士刀來切西瓜,更別說用雙截棍了

所以我們用了 Joomla! 這把菜刀~~~~

 --

我覺得也有許多人投入對 Joomla! 的開發與維護,具有為數不少且時常更新的擴充套件,
我個人對 Joomla! 還有許多要學習和投入的部分,我先前也參考了不少你們的網站資源。

--

Joomla! 有不錯的前端語系呈現和後台語系支援度。

Joomla! 雖然在國內的討論不那麼熱烈,但是要找尋相關問題,Google Search總是有作者群或廣大網友的解答;足見有一定的族群在維護。

MVC Model,這時代講到Web應該都具有了(這部分 Django倒是比較老實說MTV,我本身是被MVC弄模糊的那一群)
 

最擔心的則是資安問題,因此真的挑開源軟體要挑族群夠大、夠強壯,有人、有高手群在維護,更版要夠快。

Joomla 這方面表現不錯。

---------------------------------

所以高醫大在一年之內轉換了80個以上的校內站轉換為 joomla站.

你也有很多問題想問他嗎? 歡迎來參加我們Joomla的南部推廣活動,他會負責主講一個神祕主題,我相信肯定會讓大家滿載干貨回家的!

請持續關注 Joomla 活動推廣    或 AJ 的FB 不定時有Joomla聚會,歡迎想了解,大概了解,想來踢館的朋友們都來聊聊唄!~讓我們來推廣開源吧!!

 

 

 

 

文章標籤

AJlin-DES鼎益盛 發表在 痞客邦 PIXNET 留言(4) 人氣()

最近幾年,針對多設備進行設計已成為Web設計領域最令人興奮的開發工作。以前主要關注網站是否可以在兩個不同瀏覽器上運行正常,現在則轉移到它是否可以在具有完全不同特性的多種設備上正常運行,這些設備具有不同的屏幕尺寸、不同的性能、不同的使用環境及不同的界面。

 

觸摸優先設計

具有"統一元素"特性的網站已經將觸摸式界面應有到了最近的桌面網站設計中。

在佔用面積上,手指要大於鼠標指針,所以手指需要更大的觸控區域。為了確保可用性,互動元素需要更大。當互動元素的面積增大後,其他元素也需要相應的增大以保持平衡。這就需要通過margin和padding兩個屬性來設定。

新版Gmail設計有大量的空白區域,對按鈕設定了額外的Padding。雖然它只是針對桌面的設計,但也可以很好地兼容觸摸設備。

iPad在觸摸界面和不同大小桌面屏幕之間搭建了橋樑。而iPad的流行加速了觸摸屏在桌面界面設計中的影響。如果你觀察一些剛經過重新設計的著名產品,如Gmail,Twitter,你就會發現Web設計已有明顯的不同。他們看上去更"豐滿"。有更多的空白區域,按鈕有更多的Padding,上面的元素整體看來增大了不少。當然,其他的因素也在發揮作用,比如桌面屏幕尺寸的穩定增長。

當為鼠標提供了"過多"的空間,而對於手指來說,空間剛剛好時,我們的設計就算完成了。我們允許與某體驗的標準有稍稍的偏差,以獲得對所有可能體驗的更好支持。

有一點值得提出,對觸摸友好的UI對於使用桌面鼠標的用戶來說,更易用。容易觸摸操控的按鈕,更容易被點擊。

微軟Metro風格的設計受到了觸摸優先思想的影響

響應式設計,達到統一設計的目的

雖然關於響應式設計的很多討論都是關於響應式設計技術的,但響應能力本身並不是最終目標。它是達到目的的一種手段。設計具有響應能力,是為了達到其他的一些目的。可能為了支持不同的內容,服務於低寬帶中傳輸的圖片,在更小的屏幕中更好地展示佈局。也可能為了在大範圍不同的設備上提供統一的體驗。

搭載響應式設計的潮流,可以到達統一的用戶體驗設計的目的地。Boston Globe網站在這方面做得很棒。

Boston Globe出色地將響應式設計應用到了大型網站中

響應式設計策略可以使一個簡單的設計適應用戶閱讀Boston Globe所使用的任何設備(即便是Apple Newton)。這不僅僅是前端工程師的功勞。配合使用Media Queries和JavaScript兩種技術,也可以達成這種效果。

移動優先設計

之前的案例主要針對圖片設計,但"統一元素"的概念應該應用於產品設計、用戶體驗、信息架構中——幾乎設計的其他任何領域。讓我們看看產品設計及移動優先的設計思想。

從手持裝置移動設備角度出發開始設計過程,構建可以滿足移動環境中各種限制的產品,你需要專注於產品的最重要元素上。正如Luke Wroblewski所表述的: 

"當團隊進行移動手持裝置優先設計時,最終是要打造一種體驗,該體驗主要專注於用戶希望完成的最主要任務,沒有任何的曲線與界面碎片。這對於用戶體驗和商務都是有利的。"

Twitter最近的一次改版驗證了這些原則。

新版Twitter採用了簡約化設計,在各種設備上具有一致的體驗。

Twitter改版的目標之一是為了向用戶提供一致體驗,無論在電腦上還是在各種手持裝置移動設備上。獲得一致的視覺和感受體驗對於UI來說是一個挑戰,但整個產品在不同設備上獲得一致的體驗則是更大的挑戰。針對這兩方面的挑戰,移動優先設計可以幫我們實現。

在Twitter的改版中,我發現了一件很有趣的事,即移動體驗對整個產品設計的影響。例如,除了"Tweet"按鈕外,所有的動作按鈕均佈置在"Home"、"Connect"、"Discover"、"Me"四個標籤下面。該簡單化的設計在小屏幕設備中運行完美,四個項目​​也能在標籤欄中融洽"相處"。

在桌面網站中,雖然新增了一些其他特性,但建立在移動版本基礎上的簡潔仍需存在。雖然桌面版本上有大量的空間來完成更多的複雜設計,但設計仍要有所約束、有更好的適應性,以確保達到一致的多設備體驗。

小心有"狼"

在巴赫之前的調音系統中,被同時演奏出的不和諧間隔的音符會產生側耳、咆哮般的聲音。音樂家把這種聲音稱為"狼嚎"。

在界面設計中,當針對某一種體驗設計的視覺或互動元素轉移到另一種體驗環境中就會失效,那麼我們稱這種元素為"狼"。回想一下,你曾經費力地用手指點擊一個很小的針對鼠標設計的鏈接,還有痛苦地在手持裝置移動設備、觸摸設備上閱讀著字體很小的文本,而這些設備上的界面元素只依靠鼠標點擊。這些都是UI上的"狼"。

這些文章的鏈接只依靠鼠標完成互動。當在觸摸式的手持裝置移動設備中瀏覽時,它們的可能性就會減低。

New York Magazine提供了一個好用、美觀的下拉式選單,但你只能使用鼠標來點擊它。

注意事項

響應式設計,提供針對設備的特定體驗,確實可以解決很多此類問題。如果我們能調整一個按鈕的大小以適應某一特定的環境,那麼我們就不必接受這種笨重、顧及全局的方法。但是我們需要支持的設備數量只會增加,客製化設計所有可能的方案即將變得不合理。

即便我們可以在執行層面訂製完美的設計,但仍有必要在概念層面考慮一下可調節的、可統一瀏覽的設計。

下面列出了幾個注意事項

● 響應式地思考

即便你並不正在實現一個完全響應式設計,簡單地用響應式的方式去思考將會對實現可用的、統一的設計大有幫助。

● 觸摸優先式思考

針對手指點觸設計的按鈕,同樣可以用鼠標來點擊。但針對鼠標設計的按鈕,用手指觸控時就會顯得太小了。觸控優先式設計,可以確保你的網站和應用很好的遷移到其他環境中。

● 統一式思考

正如"早測試,經常測試"一樣。在設計過程中,應該儘早並經常思考你的設計如何成功運行在不同的設備之上。

● 移動優先式思考

移動優先設計,可以讓你專注於那些關乎你成功的事情上。保持對最重要特性的關注,在不同設備上實現統一的體驗就變得更加容易了。

● 小心

互動行為不會在各種界面中得到統一支持。通過鼠標來完成的功能在觸摸設備上可能會有問題。通過觸摸來完成的操作可能用鼠標就無法執行。但這並不意味者我們不能使用它們,只是我們應該清楚它們的使用限制。

 

文章標籤

AJlin-DES鼎益盛 發表在 痞客邦 PIXNET 留言(0) 人氣()

 

 

1.K2

k2是一套功能強大的文章管理系統,能輕鬆的分類各種單元頁的格式配置,也支援各種影音圖片多媒體格式管理,同時也有K2Store能擴充成輕量級的購物車系統。

 

k2 Top 10 Must Have Extensions for Joomla

 

 

2.JCE

JCE編輯器  

JCE 編輯器能讓你在管理網站更簡單有效率,原裝內建的編輯器不支援程式語法,有時候想插入一些程式語法就必須從原始檔去寫入使用JCE可以直接在joomla後台就能寫入PHP,CSS,JS等等的程式語法。

3.SW menu pro

joomla SW menu pro  

joomla的原裝選單功能並不那麼的完美,也無法隨心所欲的創造各種層級來符合各種不同形態的網站架構,這個joomla下拉式選單模組可以解決這個問題。

4.Akeeba backup

joomla網站備份工具Akeeba backup  

5.SH404SEF

joomla SEO優化擴充套件  

joomla SEO優化擴充套件,這個擴充套件能加速提升以及SEF URL或URL重寫,google analytics分析等等,但是不代表說裝了這個套件網站排名就會馬上爬到第一名噢!

6.Tabs

joomla頁籤模組 

joomla頁籤模組其實分很多種,一種是把一篇很長的文章為了方便閱讀切斷成好幾頁的,一種是可以崁入不同模組的

現在介紹的這個是單純文章管理用的,在JCE編輯器中就能夠實現。

 

7.Simple image gallery

joomla相簿模組推薦  

如果你再找一套簡單管理,又方便改寫開發的相簿展示模組,這是一個很好的選擇。

文章標籤

AJlin-DES鼎益盛 發表在 痞客邦 PIXNET 留言(0) 人氣()

Adobe發布了一款名為Edge Reflow的工具,可以用於響應式設計的可視化創作,提高通過HTML5和CSS3技術在不同設備上所進行的網頁開發效率。

目前Reflow提供了免費的下載,而通過註冊成為Adobe Creative Cloud付費會員可以繼續獲得免費的軟件更新。

Reflow的主要功能是通過在設計的過程中將所有的“斷點”“模組”進行可視化的展示,讓開發者可以在工具中一邊進行間距的調試,一邊測試展示效果。

這些功能在佈局、樣式的調試效率上都有很大的改進。

edge_reflow_hero

開發者通過Reflow的幫助,可以更加輕鬆的在同一個界面中完成多項開發工作,調試各種尺寸的設備上所展示的網頁。

在佈局上使用直觀的用戶界面,可以在設計的過程中針對不同的屏幕尺寸設置斷點。

 

edge_reflow_feature_layout

 

edge_reflow_feature_style

在樣式的設計上,Reflow提供的調試功能,能準確的實現你的設計,用更直觀的界面幫助開發人員進行細節變換。這些功能可以讓多種設備上設計流程變得更加便捷,協助開發人員改進效率。

Adobe一直在設計工具上提供多種便捷的功能,這次在Adobe Edge Reflow上也保留了這樣的特性。而至於RF在響應式設計的領域裡能佔據怎樣的地位,還要我們拭目以待。

文章標籤

AJlin-DES鼎益盛 發表在 痞客邦 PIXNET 留言(0) 人氣()

 

介面設計

 

User Interface簡稱 UI,亦稱用戶介面,定義廣泛,包含了人機互動圖形使用者介面,凡參與人類與機械的訊息交流的領域都存在著使用者介面。UI設計的核心價值是Usability易用性。構成Usability易用性的元素為

  • 可學習性 (Learnability)
  • 效率 (Efficiency)
  • 可記憶性(Memorability
  • 很少出現嚴重錯誤 (Errors)
  • 滿意度 (Satisfaction)

 

人機介面 MMI: Man–Machine Interface或人機互動介面

Human–Computer InterfaceHuman–Machine Interface)大量運用在工業與商業上,簡單的區分為「輸入」(Input)與「輸出」(Output)兩種,輸入指的是由人來進行機械或設備的操作,如把手、開關、門、指令 (命令)的下達或保養維護等,而輸出指的是由機械或設備發出來的通知,如故障、警告、操作說明提示等,好的人機介面會幫助使用者更簡單、更正確、更迅速的操作機械,也能使機械發揮最大的效能並延長使用壽命,而目前市面上所指的人機介面則多是狹義的指在軟體人性化的操作介面上。

 

圖形使用者介面GRAPHICAL USER INTERFACE,簡稱GUI

 

 

以「各種美觀、而不單調的視覺訊息」提示使用者「狀態的改變」,勢必得比簡單的文字訊息呈現,花上更多的計算能力,計算「要改變顯示器哪些光點,變成哪些顏色」。

 

結論:介面+互動+視覺;利用程式觸發器來快速達到執行的目的。使用者面對所需使用的資訊產品介面,僅需當下進行「辨識」工作,一看便知,而不需要耗費腦力去「回想」這工作有什麼意義?如何進行?

 

文章標籤

AJlin-DES鼎益盛 發表在 痞客邦 PIXNET 留言(0) 人氣()

 

1.一般性搜尋引擎:Google雖然最好用,但有時還是可以搭配Yahoo對比一下。而百度作為中國那邊最重要的搜尋引擎,如果想要找大陸的中文資料也不可以忘了百度(而且在百度中輸入繁體會自動幫你轉簡體,下面的百度知道亦有相同功能,但百度貼吧則不行)。
Google網頁搜尋:http://www.google.com.tw/
Yahoo搜尋:http://tw.search.yahoo.com/
百度搜尋:http://www.baidu.com/

2.知識庫搜尋引擎:想要找某個看不懂的關鍵字、專有名詞或概念的意義,首先就應該試試看下面這幾個搜尋器。
中文維基百科:http://zh.wikipedia.org/
英文維基百科:http://en.wikipedia.org
Yahoo知識+:http://tw.knowledge.yahoo.com/
百度知道:http://zhidao.baidu.com/

3.部落格搜尋引擎:想要找各種有個性、有見解的部落格文章,那麼就應該先從網誌專用的搜尋器開始找起,這些搜尋器還會照顧到部落格的特色,給予你時間上特殊的排序方式。
Google網誌搜尋:http://blogsearch.google.com.tw/
Yahoo部落格搜尋:http://tw.blogs.search.yahoo.com/blog

4.地圖搜尋引擎:想到哪個景點玩不知道怎麼去?在大城市裡不知道怎麼坐交通運輸工具?都可以利用地圖搜尋來幫你,其中我覺得urMap還是比較適合台灣用戶,交通資訊很豐富,可惜我沒有辦法將urMap成功加入搜尋列中。
Google地圖:http://maps.google.com.tw/maps
urMap:http://www.urmap.com/

5.新聞搜尋引擎:透過下面這些搜尋器你可以快速找到最熱門的、來自各種線上電子報的新聞內容。而之所以列上百度貼吧,是因為上面對熱門話題的討論有時候還滿好玩的,可以挖挖八卦,消磨一下無聊時間。
Google新聞:http://news.google.com.tw/nwshp?ned=tw
Yahoo新聞:http://tw.info.search.yahoo.com/news
百度貼吧:http://tieba.baidu.com/

6.多媒體搜尋引擎:想要找一些圖片、影片素材,就可以直接透過下面幾個搜尋引擎來完成,不過使用時要注意版權的問題。
Flickr:http://flickr.com/
deviantART:http://www.deviantart.com/
Google圖片搜尋:http://images.google.com.tw/
YouTube:http://tw.youtube.com/

7.藝文評論搜尋引擎:娛樂生活對於人來說是不可或缺的,看電影、聽音樂、看書等等休閒活動都可以為我們帶來很多享受,而如果說想要知道關於這些娛樂的網路評價,就可以透過下面的搜尋器來找到。
IMDB電影資料庫:http://www.imdb.com/
豆瓣:http://www.douban.com/
aNobii網路書櫃:http://www.anobii.com/anobii_home

8.商品搜尋引擎:線上購物應該是大多數人都有使用過的網路功能,當你要買東西時,其實也可以透過下面的幾個搜尋器先在網路上比較看看價錢、規格等等資料。當然,也可以透過下面的搜尋引擎快速找到你想要的東西並購買。
奇摩拍賣:http://tw.bid.yahoo.com/
露天拍賣:http://www.ruten.com.tw/
eBay:http://www.ebay.com/
PChome線上購物:http://shopping.pchome.com.tw/
FindBook:http://findbook.tw/
博客來網路書店:http://www.books.com.tw/
Amazon:http://www.amazon.com
A9:http://a9.com/

9.國內社群文章搜尋引擎:其實國內論壇應該很多可以拿來當作搜尋資料庫,不過我自己有加進搜尋列的只有Mobile01,其他的就歡迎大家在留言推薦。而像funP和黑米這種書籤推文社群網站,當然也是找資料的好地方。
funP:http://funp.com/
黑米共享書籤:http://www.hemidemi.com
Mobile01:http://www.mobile01.com

10.微網誌搜尋引擎:為什麼要獨立出這個類別?因為我覺得透過這種微型資訊中心,你還真的能夠找到不少有趣或有用的「資訊線索」,不信你也可以試試看。
Twitter:http://search.twitter.com/
FriendFeed:http://friendfeed.com/

11.國外社群文章搜尋引擎:雖然找到的大多會是英文資料,不過如果你就是想找英文資訊時,不可以錯過下面幾個專門檢索國外群眾智慧寶庫的搜尋器。
Del.icio.us:http://del.icio.us/
Digg:http://digg.com/
Mahalo:http://www.mahalo.com/Main_Page

12.Firefox搜尋引擎:玩Firefox擴充套件、GreaseMonkey和Stylish,就應該擁有下面三個搜尋引擎,讓你隨時可以找到五花八門的工具外掛來試玩。
Firefox擴充套件:https://addons.mozilla.org/zh-TW/firefox/
GreaseMonkey Scripts:http://userscripts.org/

13.中文應用搜尋引擎:中文真的是很重要的;語言是溝通、思考、表達、學習的根本,所以可以說所有的事情都與語言有關,而身在語言上使用中文的國家,當然沒有任何的理由不去學好中文。也因此下面這個搜尋引擎是絕對的必備,我在寫部落格文章時(是的,就是在寫這個看起來跟中文好像沒有關係的電腦玩物時)就常常會上去尋找一些字詞的相關用法與修辭技巧。
國語辭典修訂本:http://dict.revised.moe.edu.tw/

 

 

文章標籤

AJlin-DES鼎益盛 發表在 痞客邦 PIXNET 留言(0) 人氣()

找更多相關文章與討論