Posts Tagged ‘User Interface’

增加手機畫面的可視範圍

(Youtube app在iOS上新舊UI的差異。左:舊版;右:新版。可以發現新版在顯示內容的區域比舊版來的大一些)

在寸土寸金的手機螢幕上,能夠增加一點點畫面可視範圍,就能夠提昇不少閱讀的使用者體驗,為了解決這個問題,最近有個作法是:在捲動時自動隱藏底部工具列。例如Google在其社交服務Google+的介面中,底部的工具列一開始是顯示的,但只要往上開始捲動畫面,軟體就會認為使用者在瀏覽內容,然後自動將底部的「工具列」隱藏起來好讓螢幕可以瀏覽更多內容,直到使用者往回捲動時,軟體就會預設使用者發現某個感興趣的對話所以停止滑動,然後自動顯示剛剛被隱藏起來的「工具列」,這種設計與手勢操作搭配的十分直覺,只是個小細節的改善卻能夠適度增添螢幕上的閱讀空間,跟之前很流行的下拉更新(pull-down to refresh)有異曲同工之妙。

Read More »

第一次使用就上手的超簡單線上流程圖軟體

現在雲端時代裡,除了檔案可以往雲端上丟之外,連軟體不見得要安裝了,因此有越來越多web based的”軟體”以供使用,不再需要安裝一堆軟體來佔記憶體了。相信有許多人都用過線上的流程圖或心智圖製作工具,如Balsamiq MockupsDiagramlyGliffyProcess On…等,但今天要分享的線上流程圖軟體有個跟大家不同的功能,就是它趕上了Google Drive共同製作的潮流,可以讓許多人在線上即時協同製作流程圖,完全符合了Google Drive的精神,它就是今天的主角: Cacoo 與 Lucidchart。這2套工具,除了有線上編輯的特色之外,更可以在Chrome的web store裡找到他們。將其加到Google Chrome裡,老闆臨時交待要畫個架構圖抑或跟客戶要溝通一些想法時,這2套軟體將可以讓你第一次使用就輕鬆上手。
首先是Cacoo:

他除了一般軟體所提供的流程圖之外,他更內建了許多公司會用到的SOP、室內平面圖、網站架構、android與ios常用到的介面元件,即使你不是一個專業的UI designer,也可以透過拖拉、放大、旋轉,以最簡單的方式與內建好的元件輕鬆建構出你心目中的UI畫面,可說是非常切合文章主題,簡單快速又方便。

Read More »

Campus in the future

來自深圳大學數字媒體學生替畢設《Campus in the future》 所製作的2分鐘宣傳片,除了Microsoft之外,這大概是少數以Windows phone的Metro UI為主軸的概念影片,片中大量的運用了透明螢幕、大尺寸的元素,大家會嚮往這樣的未來生活嗎?

懷念的復古掌上型遊戲

相信許多人小時候都玩過這種掌上型遊戲機

懷念嗎??  現在你可以再一次回味了!!!

Read More »

iOS 5介面的細節設計

自從iOS 5發佈後已經有許多的文章在討論新增加的功能, 但對於使用者介面的細節設計上卻甚少看到有人加以討論, 目前有一位日本部落客(design archive) 很認真地一一指出二個版本介面上graphic的細微調整, 這些調整都是必須放大後才能察覺, 由此也可看出APPLE 即使在如此細微處也堅持其設計的品質. 另一方面也該佩服這位日本部落客能抓出這些不易辨識的差異. Read More »