2016年10月29日 星期六

被討厭的勇氣-
1. 先入為主的懷疑會讓所有的證據變成的犯罪(定罪)的證據>懷疑劈腿 任何證據都會變成對方劈腿

2012年8月25日 星期六

GUI234之scroll bar

有鑑於鮮少有介紹GUI專有名詞的中文資訊,索性就來介紹一下吧!
第一個是Scrollbar,對於這條bar,相信大家應該都不陌生才對(畢竟它從早期的人機介面他就存在了),即使到了今天觸碰螢幕的時代,他還是依然站在介面的右邊為大家服務阿

Scrollbar定義 -
Scrollbar主要的功能是讓使用者能快速的到達他們想要到的頁面或區域,另外Scrollbar並不等於Sliderbar,這兩個是不一樣的東西,有關於Sliderbar將在之後的文章介紹

Scrollbar的組成 - 
Scrollbar通常由3個元件組成,分別是(1).上下兩個箭頭 (2). 中間提示進度的圖像 (3). 外框

Scrollbar圖文解釋 -
其中,中間提示進度的圖像在不同的平台中有不同的名稱,如:在麥金塔中被稱為"scroller" , 在java平台下則被稱為 "thumb" 或 "knob",在MS.NET下又被稱為"scroll box" or "scroll thumb",甚至也聽過有人稱它為"elevator",但我還是喜歡稱它為scrollbox或是thumb

這樣是否對我們每天在拉的Scroll bar又更明瞭了呢?

2012年3月10日 星期六

台北捷運車廂內的新標示

下班的台北捷運依然擁擠,正想抬頭吸口氣的同時 , 突然注意到一個不一樣的地方,天啊!  台北捷運 終於進化了,終於有多色且會動的indicator了. 

台北捷運新的indicator長的就像上圖這樣 , 而以視覺資訊傳達及使用經驗的角度來說 , 小弟覺得有比舊款的indicator來的好,但如果能改進一些小缺點,這套indicator將可以更臻完美, 以下就是小弟發現的幾個小缺失:

1. 乘客最關心的應該是:這站是什麼站,下一站是什麼站,而不是車廂內禁止飲食等等之類的乘車觀念宣導;小弟的意思並不是宣導乘車觀念不重要,而是在顯示乘車觀念時,應該使用一側的門即可,而不是兩側門上的螢幕都一起顯示.如此,既可達到宣導觀念,又可令乘客感到心安.可預防萬一有乘客突然想知道下一站是什麼站,而門上卻滿是和到站訊息無關的資訊,乘客只能乾瞪眼的情況,給乘客帶來不好的使用經驗.

2. 南勢角的橘框過搶眼,把視覺焦點都搶走了,小弟建議,在南勢角前面使用一條直線做區隔即可.

3. 如果能加上到下一站還有幾KM就好了,或預計幾分鐘後到站,沒辦法人類天生就是有控制欲.

當然除了缺點外,當然也有優點囉~
1. 提供了時間的資訊,讓乘客可更快速的獲得時間的資訊,有如讓每位乘客掌握了行車的時間一樣,讓人心安不少.

2. 字體變大,橘色與綠色的配色也讓整體看起來更加的舒服. 

P.S. 之後幾天就沒搭到這班列車了 並不是每個班次都有想體驗的朋友可能樣靠運氣了還是說....那天搭到的列車是平行世界的班車嗎 XD

2012年2月20日 星期一

About Andorid Widget GUI Design


今天因為案子的需要,在公司做了一個關於Andorid Widget的Search,網路上關於Android的資料很多,但對於一個Coding能力較弱的UI設計師來說,目前鮮少有和Android Widget GUI設計相關的資料(是 Widget 太冷門嗎...),比較多的倒是貨真價實的Source Code,因此,在這邊分享下心得。

1. Andorid使用dp值作為繪製螢幕上物件的計算單位,而非使用平常繪圖時用的px當然在Widget的設計上也不例外。在下面會提到dp與px的換算方法

2. 簡單來說Dp(Density-independent pixel) = 不同設備顯示效果不同
Px(pixel) = 不同設備上的顯示效果相同


3. 接下來就是介紹如何換算1 px = x dp了,其實這兩個數值間的換算很簡單,有公式可直接套。公式 :

這裡貌似又出現一個新的名詞 -像素密度,沒關係一樣有公式可解套 :


所以藉由以上的公式我們就可以得到我們所需要的資料假設今天要在一台 resolution 1280 x 800,screen size 為10.1吋的tablet上做GUI,這台tablet的像素密度大約為160 (數字出來不會很漂亮四捨五入即可)



而這台tablet 的 px值就等於 :


後,我們終於得到了這台resolution 1280 x 800,screen size為10.1吋tablet的px值為1。

4. 在介面設計上,Android使用Cell(格)為單位,Cell的計算方式請參考下圖 :

可以發現是有順序可循的。而在Widget的設計上Google官方則建議,不要超過4 x 4 個Cell,因為如果超過這個範圍,Widget在不同尺寸的裝置上顯示時,有可能會發生不相容的情形

而根據之前所述的dp值換算法,假設機器依然是使用resolution 1280 x 800,screen size為10.1吋的tablet,在這台tablet上1個Cell的大小就是40 px * 40 px,所以,在做GUI設計時要注意大小不能超過250px * 250px。Cell的部分如下圖


紅色部分為4x4 Cell的範圍,藍色為1個Cell的範圍

以上就是Andorid Widget Design的心得分享~ 謝謝收看


P.S
resolution 1280 x 800screen size為7.7吋的tablet的dp值為 : 1dp = 1.225px

Reference
http://developer.android.com/guide/practices/ui_guidelines/widget_design.html
80

2012年2月8日 星期三

掌握付費新商機的10條線索

1 這個產品應該存在 (但卻沒出現過)

2 顧客體驗極為珍貴,不該造成曠日廢時

3 這項資源應該很有價值(但現在價格卻很低)

4 這個發現應該很有發展潛力(但卻不清楚該怎麼運用)

5 這個產品或服務應該隨處可見(但現況並非如此)

6 務課為我們的產品或服務找出新用途(但卻不是透過我們的協助)

7 顧客不應該想要這個產品(但他們就是想要)

8 顧客發現了一種新產品(但卻不是由我們提供)

9 這個產品在別的地方很流行(但此地卻沒人提供)

10 某項產品或服務不該這麼賺錢(但事實就真的很賺錢)

轉載至 Strategy+Business雜誌 第64期

2012年2月5日 星期日

程式碼 = 詩 ?

我們現在的程式碼就好比古體詩,長度長且艱澀難懂.也許在未來有一種新的語言,是用自然語言來撰寫,這套語言同時也可以當人與人日常溝通使用,包括和機器溝通.這種語言不用特別去學習,而是建構在我們現今的語言之上.語言都是用來溝通的工具,世界上大部分的語言都可以濃縮成詩,寫程式類似在寫詩,是濃縮的過程,只不過現在的程式碼都過於冗長,像古體詩;說不定未來程式設計師,就不叫程式設計師,而是詩人也說不一定?