web-archive-me.com » ME » A » AKANELEE.ME

Total: 398

Choose link from "Titles, links and description words view":

Or switch to "Titles and links view".
  • Tag : Style Guideline « 嫁給RD的 UI Designer
    不是把所有元件都擺在同一張圖上排排站吃果果就好 設計規範 Design Code Design Specifications 一文中提到 設計規範是指對設計的具體技術要求 是設計工作的規則 一般包括 總體目標的技術描述 功能的技術描述 技術指標的技術描述 以及限制條件的技術描述等 Read on Akane Lee Recent Posts UI 設計入門班 學員心得 UI UX 吃貨群 2016 年 4 月書櫃 UI 設計師看 Auto Layout 讀者來信 UI 設計流程 iOS 字級表 我和老公的作品 如果你覺得這個 Blog 不錯 可以請我們喝杯紅茶 Categories 課程講座 12 胡說八道 37 UI雜談 32 實作技巧 27 軟體工具 22 實戰備忘 14 聽演講心得 10 Web 9 UX相關 10 好書推薦 15 旅遊見聞 12 讀者來信 5 UI和RD

    Original URL path: http://blog.akanelee.me/tags/Style%20Guideline (2016-05-02)
    Open archived version from archive

  • Tag : 設計規範 « 嫁給RD的 UI Designer
    不是把所有元件都擺在同一張圖上排排站吃果果就好 設計規範 Design Code Design Specifications 一文中提到 設計規範是指對設計的具體技術要求 是設計工作的規則 一般包括 總體目標的技術描述 功能的技術描述 技術指標的技術描述 以及限制條件的技術描述等 Read on Akane Lee Recent Posts UI 設計入門班 學員心得 UI UX 吃貨群 2016 年 4 月書櫃 UI 設計師看 Auto Layout 讀者來信 UI 設計流程 iOS 字級表 我和老公的作品 如果你覺得這個 Blog 不錯 可以請我們喝杯紅茶 Categories 課程講座 12 胡說八道 37 UI雜談 32 實作技巧 27 軟體工具 22 實戰備忘 14 聽演講心得 10 Web 9 UX相關 10 好書推薦 15 旅遊見聞 12 讀者來信 5 UI和RD

    Original URL path: http://blog.akanelee.me/tags/%E8%A8%AD%E8%A8%88%E8%A6%8F%E7%AF%84 (2016-05-02)
    Open archived version from archive

  • 演講筆記:資料視覺化的實現 « 嫁給RD的 UI Designer
    使用者自由操控 來讓他使用你提供的資料 增加使用者對資料的信賴感 彈性大的介面 傳統紙本表格資料呈現 當改變欲呈現的資料主體時 整份表格就要重做 使用前端技術只要從新排列即可 可利用過場動畫等 讓使用者了解資料結構 重複利用圖表 現在是前端的時代 有沒有可能產出現成的樣板 模組 像 Word 裡的直方圖 圓餅圖等是通用型的 未來遇到相似結構的資料可以立刻馬上套用 使用者操作自由度 低操控自由度 畫面清楚簡單但無互動 使用者停留時間短 高操控自由度 操作難度高 資訊量龐大 可能需要教學 但使用者對資料較信賴 中場課題 試著將 顏色列表 資料視覺化 http zh wikipedia org wiki E9 A2 9C E8 89 B2 E5 88 97 E8 A1 A8 我懂耶我懂 舉手 先分 RGB CMYK 再用色相環計算顏色數值 可以再分層下去 有很多種作法 這問題根本衝著設計師來的 講者的作法 http muyueh com greenhoney 該站包含中文色彩命名的分類 英文色彩名稱分類 另有水果 花卉 明 暗 亮 地理區域等各種命名方式 怎麼做資料視覺化 描述 研究你手上的資料 將新發現的東西用圖表呈現 不是把資料扔給前端或美工就會有美美的結果跑出來 沒有在資料裡附加更多新價值的話 閱者也不會得到什麼 開發者如果沒有認真研究手上要資料視覺化的資料 是無法做資料視覺化的 要知道用什麼方式去切換圖表的資料模式 只能靠平時多看多學累積的經驗 以及自己的好奇心了 好的資料視覺化圖表會告訴你更多 如何讓使用者能夠非常簡單就查覺到 什麼情況下菜價會是這麼完美穩定 而其他地區的菜價波動這麼大 開發者對手上資料的認知和研究不夠深刻 就無法完整發揮手上資料的力量 更難傳達新資訊給使用者 數字會說話 數字能突顯問題 簡單易懂的圖表讓資訊更容易被閱讀 有問題的數字會非常容易被看到 資料視覺化就是方便使用者抓出問題的利器 使用者能透過好的資料視覺化圖表發現更多他原本沒注意到的部份 技術面 開始準備進入 RD 才聽得懂的領域了 我努力點 看能聽懂多少就寫多少 要怎麼把資料濃縮 瀏覽器傳輸上限是 5 MB 要怎麼把幾 G 的資料濃縮到 5 MB裡是重要課題 分類切割 依最可能被操作的分類方式切割資料 拆成幾個檔 重覆的資訊 如日期 地區等中文字 中文字很吃空間 重覆有規則的比較像標籤 標籤可以用數字 資料量就會大幅減少 用不到的欄位就刪掉了 以上都是假設 如果一開始就擺明 這個欄位是我不需要看的所以就砍掉 萬一砍錯就麻煩了 連續數字怎麼簡化 標籤法 18歲以下一個標籤 18 30一個標籤 減少資料量 假設小數點之後的位數都不重要 全刪掉 小心假設錯誤 關心的重點 和顯示層面連動 使用者關心哪個維度 就呈現那個維度的資料就好 分類的方式可以連動圖表項目分類 根據使用者操作去撈不同分類或標籤的檔案 預想各種可能的輸出 做不同的組合 不要什麼都靠 Server 運算硬上 資料量就會減少 時間成本 80 在前期資料研究 20 才在實作上 Posted by Akane Lee October 1 2014 聽演講筆記 資料視覺化 Tweet Comments Please enable JavaScript to view the comments powered by Disqus comments powered by Disqus 從 Yep 中學習 Animation 設計規範要點 Akane Lee Recent Posts UI 設計入門班 學員心得 UI UX 吃貨群 2016 年 4 月書櫃 UI 設計師看 Auto Layout

    Original URL path: http://blog.akanelee.me/posts/235738-lecture-notes-data-visualization-implementation (2016-05-02)
    Open archived version from archive

  • Tag : 聽演講筆記 « 嫁給RD的 UI Designer
    on IXDC 如何使用客戶體驗歷程圖來規劃完美的用戶體驗 筆記 July 20 2014 Comments 主題 如何使用客戶體驗歷程圖來規劃完美的用戶體驗 講者 陳璀璀 Cxpartners 用戶研究總監 講者是 Smashing Magazine 的編輯喔 剛寫了一本新書 直接拿Blog當筆記了 現場聽打 Read on IXDC 設計產品的靈性 筆記 July 20 2014 Comments 主題 設計產品的靈性 講者 楊曦 青蛙設計 高級交互設計師 這篇筆記不是我寫的 全數出自 Rainy Liu 之手 我拍下他的筆記 手工打字把簡體轉繁體 請感謝 Rainy Liu 大方分享 我中途換場聽了 只加入後半場工作坊部份 Read on 演講筆記 資料視覺化的實現 October 1 2014 Comments 來聽這場演講 醫院 菜價 Youbike 資料視覺化的實現 如何在 5MB 的瀏覽器上呈現 5GB 的資料 老樣子 即時筆記 講者

    Original URL path: http://blog.akanelee.me/tags/%E8%81%BD%E6%BC%94%E8%AC%9B%E7%AD%86%E8%A8%98 (2016-05-02)
    Open archived version from archive

  • Tag : 資料視覺化 « 嫁給RD的 UI Designer
    資料視覺化的實現 如何在 5MB 的瀏覽器上呈現 5GB 的資料 老樣子 即時筆記 講者 Muyueh 李慕約 網站 http muyueh com 42 Read on Akane Lee Recent Posts UI 設計入門班 學員心得 UI UX 吃貨群 2016 年 4 月書櫃 UI 設計師看 Auto Layout 讀者來信 UI 設計流程 iOS 字級表 我和老公的作品 如果你覺得這個 Blog 不錯 可以請我們喝杯紅茶 Categories 課程講座 12 胡說八道 37 UI雜談 32 實作技巧 27 軟體工具 22 實戰備忘 14 聽演講心得 10 Web 9 UX相關 10 好書推薦 15 旅遊見聞 12 讀者來信

    Original URL path: http://blog.akanelee.me/tags/%E8%B3%87%E6%96%99%E8%A6%96%E8%A6%BA%E5%8C%96 (2016-05-02)
    Open archived version from archive

  • 從 Yep! 中學習 Animation « 嫁給RD的 UI Designer
    Animation 這個開發順序去設計最後的動畫 使用者的操作是任務導向 但設計 Flow 有時會受限於畫面尺寸或是功能 某些簽約或制度等等不可能什麼都以使用者為中心 這點真要做取捨 Animation 我和這塊不太熟 除了 N 百年前摸過甲蟲圖鑑的逐格動畫之外經驗薄弱 就目前看到的各類資料顯示下列幾個重點 分層 動畫方向性 速度 漸變 分層 Yep 的每個元素都可以清楚看到層級差異 你會清楚看到 地圖 是最底的一層 按鈕和文字是最頂層 中間有白色擋板襯托文字等等 能明顯感覺到 所有的一切都是基於地圖 而執行的操作 參考 Principles Layout Google design guidelines 動畫方向性 使用者能透過元件放大縮小 icon 位置移動 按鈕出現等等的動畫 知道這個元件是 從上一頁延續下來的資訊內容 還是 從這頁才開始的新任務 操作 參考 Meaningful Transitions Animation Google design guidelines 速度 和物理和力學有關 可以參考 Authentic Motion Animation Google design guidelines 總之要符合現實情況 研究下加速度吧 你看現實哪台車起步 油門催下去的時速直接 0 跳100的 都說是 5 秒內可達時速 100 就算緊急煞車也不會立即釘死在原地 起碼有個煞車痕 又不是玩 GTA 人還會破窗飛出去 漸變 包含淡入淡出 漸大漸小 顏色 形狀或位置改變等等 參考 Responsive Interaction Animation Google design guidelines 從 Yep 裡你會發現每個元件依類型或功能 位置的不同 漸變的方式也不同 但都有一致性 數據 GA 不是僅能放在 Web 上 App 也是可以埋程式碼 Yep 觀察 pass through 修改頁面設計 從 67 優化提升到 83 數據只能告訴你這頁發生什麼事 不會教你要怎麼修改這頁 大膽假設小心求證 多做幾次 A B Test 吧 成就感 不知道 Yep 是不是故意的 在這種地方使用大圖片 閃亮亮動畫 真的讓人有 達成什麼成就 的感覺 發現固定位置的選單 關閉按鈕都在左上角 單手操作 幾個重要的按鈕 左右滑的選單 都做在比較靠下方的位置 方便單手操作 Yep 這顆按鈕寬度直接左右拉到底滿版 就是要你按它 心得 Yep 的數據很明確訴說一件事 不是什麼東西都塞分享功能就沒事了 使用者不是白癡有分享他就會去點 功能不是建了就好 發布之後要追蹤啊 追蹤之後改版就要拿來用當改良依據嘛 不然都是做做樣子研究心酸的 群裡有位專作 Motion Graphic 的動畫師 vi 和他聊過後總覺得扁平化的 UI Animation 交給這類專才的人去處理絕對比做網頁或平面出身的設計師來得更精緻 可惜這個職位需求量極少 目前大眾對 Motion Graphic 的認知也不夠普及 我也是認識他之後才注意到 Motion Graphic 在幹嘛 Posted by Akane Lee September 30 2014 animation UI ux GA Tweet Comments Please enable JavaScript to view the comments powered by Disqus comments powered by Disqus iOS 解析度製圖設定 演講筆記 資料視覺化的實現 Akane Lee Recent Posts UI

    Original URL path: http://blog.akanelee.me/posts/235575-from-yep-learning-animation (2016-05-02)
    Open archived version from archive

  • Tag : animation « 嫁給RD的 UI Designer
    和資訊業一樣瞬息萬變 眨眼就從擬物風進化到扁平 動態特效 總覺得自己追的挺辛苦的 推薦設計師們都訂一下 Medium 的 RSS 常常有好文章可以讀 英文跟我一樣破爛可以靠 Google 的整頁翻譯 遮臉 感謝優設網的 子木 常翻譯好文章 有時候我也會扔英文文章壓搾他 Read on Akane Lee Recent Posts UI 設計入門班 學員心得 UI UX 吃貨群 2016 年 4 月書櫃 UI 設計師看 Auto Layout 讀者來信 UI 設計流程 iOS 字級表 我和老公的作品 如果你覺得這個 Blog 不錯 可以請我們喝杯紅茶 Categories 課程講座 12 胡說八道 37 UI雜談 32 實作技巧 27 軟體工具 22 實戰備忘 14 聽演講心得 10 Web 9 UX相關 10 好書推薦 15 旅遊見聞 12

    Original URL path: http://blog.akanelee.me/tags/animation (2016-05-02)
    Open archived version from archive

  • Tag : GA « 嫁給RD的 UI Designer
    和資訊業一樣瞬息萬變 眨眼就從擬物風進化到扁平 動態特效 總覺得自己追的挺辛苦的 推薦設計師們都訂一下 Medium 的 RSS 常常有好文章可以讀 英文跟我一樣破爛可以靠 Google 的整頁翻譯 遮臉 感謝優設網的 子木 常翻譯好文章 有時候我也會扔英文文章壓搾他 Read on Akane Lee Recent Posts UI 設計入門班 學員心得 UI UX 吃貨群 2016 年 4 月書櫃 UI 設計師看 Auto Layout 讀者來信 UI 設計流程 iOS 字級表 我和老公的作品 如果你覺得這個 Blog 不錯 可以請我們喝杯紅茶 Categories 課程講座 12 胡說八道 37 UI雜談 32 實作技巧 27 軟體工具 22 實戰備忘 14 聽演講心得 10 Web 9 UX相關 10 好書推薦 15 旅遊見聞 12

    Original URL path: http://blog.akanelee.me/tags/GA (2016-05-02)
    Open archived version from archive