Redesigning moedict

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

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

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. 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FM@5PXFS
    

    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