Tag Archives: ui

Netflix 對 Landing Page 的效能改善計畫...

幹掉 React (噗): Removing client-side React.js (but keeping it on the server) resulted in a 50% performance improvement on our landing page pic.twitter.com/vM7JhWhYKu — Netflix UI Engineers (@NetflixUIE) October 26, 2017 官方帳號丟戰文出來... 後面就有人開始亂 XDDD everyone keeps talking about this PlainJS … Continue reading

Posted in Computer, Murmuring, Network, Programming, Software, WWW|Tagged , , , , , , , , , , , , , , , , , , , , |1 Comment

iOS App 的釣魚

在「iOS Privacy: steal.password - Easily get the user's Apple ID password, just by asking」這邊作者示範了怎麼釣魚:直接模擬 iOS 的系統視窗跟使用者要密碼。 看了只有「操」... 目前想的到的 workaround 只有在看到類似的視窗時跳回主畫面,透過 Settings 裡確認?

Posted in Computer, Murmuring, Network, Security, Telephone|Tagged , , , , , , , , , , , |1 Comment

iOS 11 的無線網路與藍芽關假的讓 EFF 不爽...

這次 iOS 11 的無線網路與藍芽需要到 Settings (設定) 裡面才能有效關掉的設計,讓 EFF 不爽寫了一篇文章:「iOS 11’s Misleading “Off-ish” Setting for Bluetooth and Wi-Fi is Bad for User Security」。 On an iPhone, users might instinctively swipe up to open Control Center and toggle Wi-Fi and Bluetooth off … Continue reading

Posted in Computer, Murmuring, Network, OS, Privacy, Security, Software, Telephone|Tagged , , , , , , , , , , , , |Leave a comment

Flat UI 反而造成使用者困擾

在「Flat UI Elements Attract Less Attention and Cause Uncertainty」這邊透過追蹤眼球的技術,發表了研究結果: Summary: Flat interfaces often use weak signifiers. In an eyetracking experiment comparing different kinds of clickability clues, UIs with weak signifiers required more user effort than strong ones. 其中最明顯的一個例子就是大家被訓練「有底線的文字應該可以按」,這也是最能馬上被想到的問題... 不過這算是 Flat … Continue reading

Posted in Computer, CSS, Murmuring, Network, Science, Software, WWW|Tagged , , , , , , , , |Leave a comment

透過 NN (類神經網路) 訓練好的系統,直接把圖片轉成程式碼

這個禮拜被 AlphaGo 洗臉後,又看到來搶工作的東西了:「pix2code: Generating Code from a Graphical User Interface Screenshot」。 直接把 Mockup 圖檔丟進去,然後就把 iOS 或是 HTML 程式碼生出來: 不過「刻 UI」的確是工程師最討厭的事情啦,這部份能自動化要怎麼說呢... 好像也是不錯的事情啦 @_@

Posted in Computer, Murmuring, Network, Programming, Software|Tagged , , , , , , , , , , , , , |1 Comment

瀏覽器 UI 的死亡線

作者 Eric Lawrence 現在在 Google Chrome team 裡,寫了一篇文章講到瀏覽器上 UI 設計與安全性的問題:「The Line of Death」。 從一開始會假設紅線以上是可信任的: 後來有些操作跨過這條線 (左邊),於是就開始有很 tricky 的方法 (右邊): 甚至反過來利用 icon 讓使用者誤會是表示有訊息要通知使用者: 另外是直接惡搞,假裝是另外一個視窗: 最新的方法是利用 HTML5 的 Fullscreen API 直接搞定所有事情: 花樣愈來愈多了...

Posted in Browser, Computer, GoogleChrome, Murmuring, Network, Security, Software, WWW|Tagged , , , , , , , |3 Comments

也是個加強 Debugger UI 的套件:Voltron

在「更絢麗的 .gdbinit 檔」這篇裡面提過「GDB dashboard」這組設定,以及用 Python 寫的的加強工具。 在「A hacky debugger UI for hackers」這邊則看到了另外一套也是 Python 寫的工具,叫做 Voltron: 比較一下原來 GDB dashboard 的畫面: 其實兩者看起來都還蠻棒的?用的習慣最重要...

Posted in Murmuring|Tagged , , , , , |Leave a comment

更簡單設定 Route53 的方式:Route53 Traffic Flow

AWS 每個產品最近都丟出好多東西 (因為年底要到了嗎?),這次是 Amazon Route53 透過拖拉界面簡化 DNS 的設定:「New – Route 53 Traffic Flow」。 可以從這幾張畫面看出來 Traffic Flow 的用法: 看畫面的資訊,功能都是本來在 Route53 上就有的,這次是設計界面讓使用者在 AWS Management Console (也就是 Web Console) 上更容易設定進階的分流。

Posted in AWS, Cloud, Computer, DNS, Murmuring, Network, WWW|Tagged , , , , , , , , , , |Leave a comment