2017年4月8日星期六

2016年4月29日星期五

又來超糟糕的登入設計


我想差勁UX的極致表現就是懲罰用戶,用戶每次使用都會叫苦連天、氣得血氣上湧,其中一個例子是上一篇文章中「再見了,超糟糕的登入設計」中提過的一個超糟糕的登入設計,幸好對方已經放棄這個設計,用戶不用再受苦。

但最近從Facebook上的朋友處得知,有銀行採取了相若的登入設計。


圖片於2016年4月29日截取

首先輸入密碼必須使用虚擬鍵盤,然後大家有留意到數字盤的問題嗎?竟然不是常見的排位,是會隨機改變的!

而且 ---



用戶名稱要最少3個數字,以及採用大小寫英文字母!?用戶名也是密碼嗎!?

傳送門:
  1. 電子網絡銀行服務
  2. 點擊登入,選擇電子網絡銀行服務


2015年12月5日星期六

繼續站著工作 - 自己動手做standing desk (流動版)

上一次寫standing desk有關的文章已經是2年前,本身也用了相同的時間,別以為我會因此變得能站個8小時不停,那恐怕比坐8小時所造成的傷害更大,主要都是交替姿勢,時坐時站。

身體是否有因此變得健康呢,實在很難說,減肥的作用就肯定地說沒有效果,不過腰痛的問題就機乎不會出現。曾經試過因為運動而弄傷膝頭,坐了幾天,腰就開始酸痛。頸就沒法了呢,唯有多點轉動。

在上一篇文章中提過幾張可以在香港買得到電動昇降桌,價錢都比較高,或許大家都未必願意花那個錢吧?

不過有一個好消息,Ikea的Bekant昇降桌(油壓)已經來到香港了!價錢是HKD $1890。




不過最合用的地方應該是辦公室,在家的需求沒那麼大,但公司不配合就沒辦法。

Ergotron Workfit-s可能是個比較好的選擇。




如果閣下在辦公室也是用Laptop電腦的話,這裹有一個更划算的方法:




這個是Kickstarter的籌款項目,簡單來說就是一個portable laptop stand,但高度是為站立使用而設計的。

價錢只是USD $32 (連運費$40)

筆者的行動

不過集資期而過,而且預計出貨日期是2016年6月,作為Backer之一的筆者也覺得實在是太久了。

結果在無法等待的情況下,決定自己動手做了一個:


成品!!


跟13" MBA的比較

材料:
  1. 50.9 x 38cm的大硬卡紙二塊 HKD $15
  2. 少量黑色膠紙 $0
工具:
  1. 界刀一把 
  2. 60cm 鐵尺一把
成品呎吋:
  1. 摺疊狀態:23*38cm
  2. 打開狀態:23*23*30cm
用的材料只是硬卡紙,不過已經有足夠的承托力放置13” MBA,而且雙手可以壓在MBA上,本身也很穩定。

缺點是打開時不是那麼順暢,要一點技巧,摺就很輕鬆。


優點當然是價錢以及可以度身定做,事實上筆者自制的版本的高度就比Levi8 M為高,但又比Levi8 L小巧。

至於怎樣制作呢,首先建議大家跟video用A4紙試作一次: 




意外地簡單吧?

在正式制作前要先考慮一個問題 - 尺吋,你要多高呢?

假設你要做一個高度為H,你需要4張闊度為W、長度為L的紙。

他們之間的關係依從畢式定理:

W^2 + H ^2 = L^2

W的建議大少為23cm,這是跟MBA相應的大少。




步驟:

1) 在材料上按所需要呎吋畫上剪裁線


因為邊長最少要92cm (23 * 4),要買這樣的硬卡紙並不容易,可以斬成2份,又或者4份,之後在步驟(5)時用膠紙連著便可以。

2) 用界刀把不需要的部份裁走

3) 在需要摺合的位置上用界刀輕輕地畫上一刀,方便下一個步驟

不小心界破也沒關係,可以在步驟5中救回,但呎吋偏差太大的話就請重造吧。

4) 按線段摺合卡紙,二個方向都要摺一次。




5) 用膠紙進行連接及為接口進行補強



6) 摺成這個形狀




7) 雙手放在這個位置,然後翻開


這裹有一點小技巧,很難說明,請自行多嘗試幾次。

8) 完成!




受材料所限,展開的過程沒Levit8的影片般那麼輕鬆,要依一個正確的程序,材料方面也不算輕,跟Levit8相比有所距離,而且概不防水,外表也不特別討好,果然是元祖的設計比較棒,當Levit8出貨之後我會建議大家去買一個回來更好,現在就先用手作品來湊著用吧。

就這樣無論在家又或者辦公室都有standing desk用了。!

家中其他的Standing desk組合:




放置流動設備的斜架


Laptop專用的區域

2015年11月25日星期三

再見了,超糟糕的登入設計

轉用SmarTone的服務有近一年左右吧,當初在建立了網上戶口後就跟自己說 - 「誰叫我登入SmarTone,我就跟他反面。」
 
因為那個登入系統實在太糟糕了,無法想像是什麼人、擁有怎樣的思路才可以設計出這種概不特別安全,又會充份懲罰用戶的登入介面。

今天SmarTone寄了一個電郵過來,說簡化了用戶名稱及密碼的要求:



很普通,沒什麼奇怪吧?

對,因為這才是正常的,是過去的SmarTone把東西設計得太變態了!

(1) 首先,用戶名稱跟密碼要求一樣:





這是搞什麼啊?為什麼用戶名稱要有大細楷及最少3個數字?用戶名稱本來是一種可以告知別人也無妨的東西,SmarTone當我們都是特工,連名字都不能告訢別人嗎?


(2) 虚擬鍵盤輸入?!




當時不能用實體鍵盤輸入,一定要用On-screen的虚擬鍵盤,而且你們有發現到嗎?

鍵盤上的數字不是按1-9,0這種順序擺放,而且每次輸入都會重排。

天啊!!這是什麼懲罰?

用滑鼠打虚擬鍵盤已經夠慘了,按鍵的位置還會改變。

大家記得建立帳戶時有一個慣例是什麼嗎?

就是輸入密碼二次。

用這工具輸入2次最少有3個數字的密碼?




在錯誤輸入了數次後,還會出現:






在經過無數嘗試、失控地拍了三次檯面,總算成功地建立了帳戶 -之後一年我都沒有再登入過。

SmarTone終於放棄這些懲罰用戶的措施,實在是一件令人感到高興的事 -----但我記不了自己的帳戶名稱,你可以幫我改回一個正常的名字嗎?

2015年10月10日星期六

Dualless - 10萬用戶達成紀念

自從在2012年發佈Dualless自來,經過3年多的時間,就在昨天用戶的人數終於突破10萬了!

特此一貼以示慶祝,並且想向各位支持者說一聲:「謝謝!」

記得在最初發佈時,就想著做一個實驗,就是在不費力氣宣傳的情況下,用戶數會怎樣增長呢?

在3年後達到這個數字應該不能說很好,但也不算太差吧。

不過最初獲得2千用戶時就費了近半年的時間(當時估計有一半用戶來自越南),當初就因此太過灰心而放棄實驗,雖然還有更新,但不再關心用戶數。

現在回想起來,花費的時間總算沒有白費。

p.s Dualless的source code已經由Launchpad搬了去Github.



2015年10月10日的螢幕截圖

2015年6月29日星期一

Side Project : Team Color - 在試算表上研究顏色

在做正式產品時總是想做點side project,這大概是多想法的人的宿命吧?希望大家都不會變成這樣子就好了...


雖然現在公司的成員都是香港人,但基本上以remote team的方式運作,有時候想要一個問題的答案並不是立即便知道。

你說用Instant Messenger不就行了嗎?那麼你可以在05:00立即回應嗎?你可以在跟男/女朋友獨處時也回應嗎?

實在太多老闆認為Instant messenger就代表要立即回應,殊不知只會令員工更加討厭公司的事務。

所以一個knowledge base對remote team是很重要的,有問題先在裹面找,找不到再來發問。

在我們開發時其中一樣需要記錄的是色版,一個程式在什麼地方該用什麼顏色,這是設計師的工作,但設計與開發並不一定是同步,開發者有時候要在設計師回覆前工作,而設計師在思考用色時又需要參考原來的色版,以避免每次都用不一樣的顏色,做出不一致的設計。

最初我們用Google Spreadsheet記錄,不過開發者沒有只看Hex Color便知道顏色的能耐,故要求設計師要把Cell的背景色設定到跟內容一樣,但因為色版改了很多遍,變成了壓惡性工作。


最終的解決方法是寫Add-on,在用戶輸入十六進位的顏色代碼後就會自動把背景顏色變成該顏色.

就這樣啪啪啪的輸入:

#
#F
#FF
#FFA
#FFA5
#FFA50
#FFA500 [Enter] 立即變色


然後我們把這個視為side project放了出來,並取名為 Team Color

TeamColor的功能:
  1. 輸入16位的顏色代碼後,背景顏色會自動轉成該顏色
  2. 支援3/6/8位的16進制碼,8位為ARGB碼
  3. 提供Custom Formula用來處理顏色(e.g colorRgb, colorArgb , colorSetOpacity , colorRed  , colorSetGreen etc) 詳細請看說明文件
  4. 反轉文字及背景色

可以在Google Spreadsheet上玩漸變色啊


在試用後能給我們意見回饋及星星嗎?如果想到有趣的use-case,不妨分享一下~


相關文章
  1. 擴充Google Docs的應用(1) - 在試算表中建立連結
  2. 程式師的修練場 - 建立自己的Junkcode及測試程式庫




2015年2月1日星期日

#github 我都只是fork別人的project,你fork我又何苦呢

以上標題沒什麼特別意思、動機,只是有天隨便在Facebook上說的話,怎料大家的回應都很"奇妙"(笑)




2014年6月25日星期三

近況

很久沒空更新了,若說近況如何,我覺得這張圖就能解釋。


註:

  1. Testing的東西不一定只是code,還有不同的生活方法
  2. 作為fans向遊戲的SAO虚空斷章讓我感到很滿足。
Creative Commons License
本網誌Ben Lau製作,以共享創意署名-非商業性-相同方式共享 3.0 香港 授權條款釋出。