Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Redesigning moedict

Liang Bin Hsueh
November 08, 2014

Redesigning moedict

萌典是民間版《教育部辭典》的開放資料界面與應用範例,收錄十六萬筆國語、兩萬筆台語、一萬四千筆客語條目、常用字的筆順動畫、英法德文翻譯,以及中華文化總會的《兩岸常用詞典》。

本 talk 以萌典為例,闡述零食政府專案的 UI 規劃進行方式。

Liang Bin Hsueh

November 08, 2014
Tweet

More Decks by Liang Bin Hsueh

Other Decks in Design

Transcript

  1. Redesigning moedict
    @hlb, fb.me/iamhlb

    View Slide

  2. 瘘갫
    ⹛殥
    岤갉 溫➃涮갉
    薊䗞岁ꠊ㹐㢵铃㼩撑
    騗䎂〵App
    萌典
    moedict.tw
    萌典與零時政府 ODW 2014
    https://speakerdeck.com/audreyt/meng-dian-yu-ling-shi-zheng-fu-odw-2014

    View Slide

  3. 闍⦐猽鏒 ♥
    蟠Ⱙ剤ぐ珏晝劥〳⟃♴鯺㋅

    View Slide

  4. View Slide

  5. 從沒有⼈人到超多⼈人:g0v社群經驗
    http://www.slideshare.net/ipachiu/g0v2014-coscup
    㱙䧮㖈鸏
    ➃㥪〳䙲

    View Slide

  6. 闍⦐猽鏒 ♥
    䎙⛖䨾剤HW㼠呪鿪僽㔔捀䙭
    孵⧩旙涮♧䙭㽠⨞㸤✫

    View Slide

  7. View Slide

  8. Ꟛ彂涸ꅾ銴嚌䙂僽
    SFMFBTFFBSMZ SFMFBTFPGUFO
    ♶銴䙲⚓茁
    – 唐鳳

    View Slide

  9. Live Demo傍劍垺頗

    View Slide

  10. 傍劍垺頗
    Live Demo, part III

    View Slide

  11. 傍劍垺頗

    View Slide

  12. 㽠剚剤鏤鎙䌌溏♶♴⿡
    – 唐鳳

    View Slide


  13. Ⱖ㻜〫蔅✫㣔

    View Slide

  14. 分享本條⺫⽬目:

    萌典 ▾

    萌兆
    萌動
    未萌
    舊態復萌
    杜漸防萌

    萌兆
    萌動
    未萌
    舊態復萌
    杜漸防萌

    萌兆
    萌動
    未萌
    舊態復萌
    ӵ஥
    ӵ஥

    View Slide


  15. 萌典 ▾
    ӵ஥
    分享本條⺫⽬目:

    View Slide

  16. 發穎
    huat-ínn
    ㄏㄨㄚ 垎
    1. 發芽、萌芽。植物的種子發出芽。
    樹仔發穎矣!
    Tshiū-á huat-ínn--ah!
    樹發芽了!
    發芽




    發芽
    月光 月華

    View Slide

  17. Ἵࡅᇶ⃴ℾᧄಆἽದ૶đἽࡅീᆟၛ૶ၩ㬪⊵≣đದ૶֤၇م⇢Ή૶ၩսіđၛ
    ॥ᇅἽࡅᆟҦ֥ᆟᇍⅴᇅb
    mín zhǔ ㄇㄧㄣˊ ㄓㄨˇ
    ૶ᇶ ൦
    筆劃
    語⾳音 分享 ▾

    View Slide

  18. View Slide

  19. 1
    2
    3

    View Slide

  20. Ἵࡅᇶ⃴ℾᧄಆἽದ૶đἽࡅീᆟၛ૶ၩ
    㬪⊵≣đದ૶֤၇م⇢Ή૶ၩսіđၛ॥
    ᇅἽࡅᆟҦ֥ᆟᇍⅴᇅb
    mín zhǔ ㄇㄧㄣˊ ㄓㄨˇ
    ૶ᇶ ൦
    筆劃
    語⾳音 分享 ▾
    萌典

    View Slide

  21. 闍⦐猽鏒 ♥
    鏤鎙銴㺂僒仍⯏
    㣐㹻䙭孵⧩꧌怏㽠⿶剤倞⸆腋✫

    View Slide

  22. ⢪欽㺂僒♳䩛涸穉ざ
    FY 䊨玑䌌⛳剚佖涸#PPUTUSBQ'POU"XFTPNF

    View Slide

  23. 㺂僒笞隌
    ㊥䖊♴♧⦐䱈鹎㗄酭涸➃

    View Slide

  24. IUUQTHJUIVCDPNBVESFZUNPFEJDUXFCLJUHSBQITDPOUSJCVUPST

    View Slide

  25. 罜蟠Ⱙ笪畀ㄤ䥰欽歲꬗涸
    倞鏤鎙⛳剚㖈鸏妄넞䂾
    剚♳껷䏞❮湱

    View Slide

  26. View Slide

  27. View Slide

  28. 闍⦐猽鏒 ♥
    蟠Ⱙ〳⟃䍲⡹㻨⟤⡦㶶⫹僽

    View Slide

  29. 萌典

    View Slide

  30. View Slide

  31. WHAT THE ...

    View Slide

  32. Ⱖ㻜僽䵃㼦⸆腋

    View Slide

  33. View Slide

  34. 繏꼛䭨갉〫銴岤갉

    View Slide

  35. View Slide

  36. 鸏僽䭾ꈈ

    View Slide

  37. View Slide

  38. View Slide

  39. View Slide


  40. View Slide

  41. ⾲㨥笪갤
    本⾴頁⾯面資料根據教育部國語辭典 開啓⾴頁⾯面

    View Slide

  42. 笪騟㶶Ⱙ鏤鎙

    View Slide

  43. IUUQXXXUIFGSFFEJDUJPOBSZDPNDBU

    View Slide

  44. IUUQXXXNFSSJBNXFCTUFSDPNEJDUJPOBSZDBU

    View Slide

  45. IUUQXXXNBDNJMMBOEJDUJPOBSZDPNEJDUJPOBSZCSJUJTIDBU

    View Slide

  46. IUUQXXXPYGPSEEJDUJPOBSJFTDPNEFOJUJPOFOHMJTIDBU

    View Slide

  47. IUUQXXXZPVSEJDUJPOBSZDPNDBU

    View Slide

  48. IUUQTXXXXPSEOJLDPNXPSETDBU

    View Slide

  49. IUUQTXXXXPSEOJLDPNXPSETDBU

    View Slide

  50. 䵃㼦չⴗ⶷պ

    View Slide

  51. 5XJUUFS侁㹻
    5XJUUFS♲ꦷ㼭韣
    姹鵔鑑鑑溏

    View Slide

  52. IUUQXXXXJLJXBOEDPNFO&J[email protected]

    View Slide

  53. View Slide

  54. View Slide

  55. View Slide

  56. 㣖㥪✫〳⟃⿮罌

    View Slide

  57. View Slide

  58. redesign
    realign

    View Slide

  59. 㼬錒⴪

    View Slide

  60. 鴀Ⱙ娝鴀Ⱙ

    View Slide

  61. ⴕ❧

    View Slide

  62. 鏤㹁

    View Slide

  63. View Slide

  64. 䵃㼦
    分類索引
    部⾸首表

    View Slide

  65. 䵃㼦
    您也可以快速搜尋:
    分類索引 ∠
    部⾸首表 ∠

    View Slide

  66. 䵃㼦♴♧㾵
    ∠ 返回上層
    成語
    諺語
    歇後語
    外來語 ∠
    專科語詞 ∠

    View Slide

  67. 䵃㼦
    三腳貓
    乾⿂魚與貓作枕頭
    偷嘴的貓兒性不改
    偷貓遞狗
    偷⻝⾷食貓⽽而性不改
    割貓兒尾拌貓兒飯
    加菲貓

    View Slide

  68. 閱暟鿪剤㖒倰佐秝✫

    View Slide

  69. 魔法 + 5 = 7
    ⼈人
    㦣遯齭岁
    㸢vꤷ康v罉㷸䏼瘘鎹v⽷⼧չ⩑隡䖛䌢⣃珮牟ꏗ✻ջ剤㊥눦岁罏そ刺僈來ռպ
    朗讀 書寫
    其他語⾔言


    看圖說故事

    劥갤꬗须俲呏亙來肬鿈㕜铃鴀Ⱙ Ꟛ㉖갤꬗
    蟠Ⱙˊ來肬鿈㕜铃荩铃㹐铃鴀Ⱙ字꟦晝

    ぐ䎂〵晝劥

    View Slide

  70. 㦣遯齭岁
    㸢vꤷ康v罉㷸䏼瘘鎹v⽷⼧չ⩑隡䖛
    䌢⣃珮牟ꏗ✻ջ剤㊥눦岁罏そ刺
    僈來ռպ
    魔術


    朗讀
    + 5 = 7
    ⼈人
    㕜铃鴀Ⱙ▾
    筆順動畫

    View Slide

  71. 㦣遯齭岁
    㸢vꤷ康v罉㷸䏼瘘鎹v⽷⼧չ⩑隡䖛
    䌢⣃珮牟ꏗ✻ջ剤㊥눦岁罏そ刺
    僈來ռպ
    魔術


    朗讀
    + 5 = 7
    ⼈人
    㕜铃鴀Ⱙ▾
    筆順動畫
    㦣遯齭岁
    㸢vꤷ康v罉㷸䏼瘘鎹v⽷⼧չ⩑隡䖛
    䌢⣃珮牟ꏗ✻ջ剤㊥눦岁罏そ刺
    僈來ռպ
    魔術


    朗讀
    + 5 = 7
    ⼈人
    剅硹
    ⨋㥪鏤㹁
    ꡠ倴㞅㗄桊
    萌典

    View Slide

  72. 來肬鿈㕜铃荩铃㹐铃鴀Ⱙ字꟦晝
    萌典 ⯝顥♴鯺

    View Slide

  73. 來肬鿈㕜铃荩铃㹐铃鴀Ⱙ字꟦晝
    萌典 ⯝顥♴鯺
    來肬鿈㕜铃荩铃㹐铃鴀Ⱙ字꟦晝
    萌典 ⯝顥鑑欽♧蠝䎃

    View Slide

  74. 䧮聃ⵌDMLBP涸䙭孵⧩꧌怏✫

    View Slide

  75. 闍⦐猽鏒 ♥
    蟠Ⱙ걧⫹僽欽NJBV䗱⚥չ⛥
    ⛥晦涸㥪㷛㶩պ䕎韍醢⡲涸

    View Slide

  76. 顀桐顀桐锞⢵顀桐♧饱⢵顀桐螒䲿讍㭊鏴

    View Slide