April, 2008 > 所有文章列表
今早嘸蝦米很歡樂的過期了,裝了正式版上去順便看一下手冊,重點擷錄如下:
*多國語言 ; 切換鍵整理如下表:
,,T 繁體中文
,,C 簡體中文
,,CT 簡體中文(台式打法)
,,J 日本漢字
*快打模式 (,,SP)
*新快打模式 (,,spv)非簡碼也可以輸入, 不強迫用簡碼
*此版的嘸蝦米輸入法無法在按住 shift + 英文字母的情形下打出英文字,若要輸入英文請退回英文狀態 <– 這個超不方便,好懷念的功能啊~
*在同音字查尋的功能之下,若要翻上或下一頁時,請以 shift + ﹥或 shift + ﹤來翻頁 <– 重要,切記切記
*安裝方式
將 LiuOsX.component 丟到 \Library\Components\ 再重開機(或登出再登入)即可
| by admin
下面是某大信託網路銀行的密碼變更畫面,看的出來有哪裏不對嗎?

除了畫面沒啥美感外,致命的錯誤有兩個
1、按鈕上的文字。
這是一個變更密碼的操作頁面,因此 user 填了新密碼後,很自然會選擇『重新設定』,因為他當下操作的情境就是在『重設』密碼啊~但實際上那個鈕按下去會很歡樂的把所有欄位清除,因為它實際上是 reset。
說到 reset,我很好奇到底有多少人曾認真想過:在你的一生中,有多少機會需要去 reset 一件事?呃,我的意思是說,在一支 application 的操作過程中,真的有機會用到 reset 嗎?user 會希望在辛苦填完一大堆表格後,很歡樂的按下 reset 清空所有資料,以獲得再填一次的機會?我覺得機率很渺茫吶,那既然如此,why bother putting that god d**n RESET button in there ?
另外,左邊那顆按鈕的『執行』,根本像是寫給工程師看的,代表的意義是:使用者按下這個鈕,我就要執行 function A,然後得回 result B,這是機器的流程與思維,但不是給人看的友善label,隨便換成『更換密碼』或更基本的『確定』都會好很多啊~
2、比例配置
以這個畫面的功能性來說,當填完文字欄位後,接下來最重要的就是將新密碼存進去,但在視覺上,『重新設定』鈕卻是『執行』的 2.5 倍大,這不是擺明要引誘人犯罪嗎?還是其實工程師很確信大部份人第一次填的密碼一定不夠安全,因此乾脆引導人先多按幾次 reset,在反覆輸入的過程中,深切思考怎樣的密碼是既安全又能兼顧人類、地球與世界和平然後才能體悟出原來『執行』才是真王道(所以現在學到了吧,人生中,執行力才是一切,空有思考卻沒有執行,將會一事無成,至少你的密碼就不會變更成功,這真是微言奧義用心良苦啊…)
或許很多人會覺得奇怪,不過就是 UI 設計搞爛了,有必要這麼計較嗎?但重點在於,爛 UI 設計與 bad usability 代表 user 要花更多時間去學習才能上手,這是不遵重 user 的表現,也是徹底浪費顧客的時間,是這部份真正讓人覺得憤怒。
當然如果要說 『爆爛 usability 之王』,那華納威秀的電影自動購票系統可說是當之無愧,實在很想找個時間把它一張張拍下來然後大解析一番,簡而言之,它就是 anti-usability 之經典範例,每個人都該找個時間去實際玩玩,體驗一下如何透過極差的介面設計來徹底惹惱顧客,並讓他們永不回頭進而導致生意敗亡(no kidding, I mean every single word I said here !)
上次我在用時,親眼看到一個老外在售票機前急的快哭出來並直踱腳,嘴裏還直罵 god d**m 跟其它陽光沙灘的事,我想,要失去一個顧客,應該沒有比這更好更直接的方法了吧?(或是在她的帳單上寫機車女?只是這樣一個字要陪一萬元吶 XD)
總之,重點在『尊重』,爛介面 = 不尊重顧客|客人|使用者,苦果一定是自已嚐。
| by admin
晚上想看一下蘋果日報,結果再次見到經典畫面,而且是整個網站死機直接吐下面的錯誤訊息 XD
神奇的是,考量蘋果的網站應該是超熱門 portal,當時又是晚間十一點,正是最多人在看的時間,怎麼會就這樣爛在那裏啊?而且還不是第一次了哩,之前還看過不少各式各樣的錯誤…Orz

| by admin
DividedBox 是一個很有趣的元件,裏面可以包含任意數量的 children objects,但如何控制它的 divider 卻一直是 FAQ,下面是手冊裏關於 divider 的幾個 styles 設定

我們搭配下面這張圖來看其中幾個比較重要的 styles
-dividerAffordance: 這真是個奧妙的名稱,想出這個名字的人該立刻拖出去就地正法,它指的其實就是當滑鼠移到 divider 上面時的 hit area 大小,也就是滑鼠多靠近那根 divider 時才要出現一個伸縮鼠標。
-dividerThickness: 指的是當使用者拖拉著 divider 來改變畫面大小時,中間會出現的那條灰黑色 bar,下圖中用 arrowhead 指著的黑線即是。這個名字也是取的很糟,它會誤導使用者以為是用來設定 divider 本身的高度
-verticalGap: 如果你想設定的是 divider 本身的高度(或寬度,看是 H or VDividedBox),要用的是 verticalGap 這個屬性,下圖中紅色長方型標識出來的高度就是 verticalGap

至於如果要改 divider 的外觀,就要從 dividerSkin, horizontalDividerCursor等下手囉~
最後來個趣味問答:
如果想做到像 iTune 左下方的伸縮面板,當需要時才從下方滑出一個(item cover)該怎麼做呢?範例如下圖,左邊是未出現時的畫面,右邊是 cover pane 滑出來後的畫面,請作答(這個將來會考慮列入面試時的考量…咳咳咳

| by admin
如何在多個 editor tab 間切換?
1. fn-ctrl-pgup | pgdn
2. ctrl-tab
這會列出所有開啟中的 editor list,比較適用於文件很多時,不然第一招比較快
| by admin
Next Posts
Previous Posts