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 full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  7. Live Demo傍劍垺頗

    View full-size slide

  8. 傍劍垺頗
    Live Demo, part III

    View full-size slide

  9. 傍劍垺頗

    View full-size slide

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

    View full-size slide


  11. Ⱖ㻜〫蔅✫㣔

    View full-size slide

  12. 分享本條⺫⽬目:

    萌典 ▾

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

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

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

    View full-size slide


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

    View full-size slide

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




    發芽
    月光 月華

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  20. IUUQTHJUIVCDPNBVESFZUNPFEJDUXFCLJUHSBQITDPOUSJCVUPST

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  23. WHAT THE ...

    View full-size slide

  24. Ⱖ㻜僽䵃㼦⸆腋

    View full-size slide

  25. 繏꼛䭨갉〫銴岤갉

    View full-size slide

  26. 鸏僽䭾ꈈ

    View full-size slide

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

    View full-size slide

  28. 笪騟㶶Ⱙ鏤鎙

    View full-size slide

  29. IUUQXXXUIFGSFFEJDUJPOBSZDPNDBU

    View full-size slide

  30. IUUQXXXNFSSJBNXFCTUFSDPNEJDUJPOBSZDBU

    View full-size slide

  31. IUUQXXXNBDNJMMBOEJDUJPOBSZDPNEJDUJPOBSZCSJUJTIDBU

    View full-size slide

  32. IUUQXXXPYGPSEEJDUJPOBSJFTDPNEFOJUJPOFOHMJTIDBU

    View full-size slide

  33. IUUQXXXZPVSEJDUJPOBSZDPNDBU

    View full-size slide

  34. IUUQTXXXXPSEOJLDPNXPSETDBU

    View full-size slide

  35. IUUQTXXXXPSEOJLDPNXPSETDBU

    View full-size slide

  36. 䵃㼦չⴗ⶷պ

    View full-size slide

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

    View full-size slide

  38. IUUQXXXXJLJXBOEDPNFO&JFM@5PXFS

    View full-size slide

  39. 㣖㥪✫〳⟃⿮罌

    View full-size slide

  40. redesign
    realign

    View full-size slide

  41. 鴀Ⱙ娝鴀Ⱙ

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  46. 閱暟鿪剤㖒倰佐秝✫

    View full-size slide

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


    看圖說故事

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

    ぐ䎂〵晝劥

    View full-size slide

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


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

    View full-size slide

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


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


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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide