Yahoo!フリマ：生成AI利用機能ならではのインターフェース設計について / Yahoo! JAPAN Flea Market: Interface Design Specific to Generative AI Utilization Features

Yahoo!フリマの生成AI機能「らくらくAI出品」のUI/UXについて。
生成AI機能ならではの考慮するポイントを踏まえたインターフェース設計の知見について紹介します。
実際の試行錯誤から得られた具体的な設計パターンを知ることができます。
同様の取り組みを検討しているチームの方に参考になる情報を提供します。

Transcript

1. :BIPP
   +"1"/
   'MFB
   .BSLFU *OUFSGBDF
   %FTJHO
   4QFDJGJD
   UP
   (FOFSBUJWF
   "*
   6UJMJ[BUJPO
   'FBUVSFT -:
   $PSQPSBUJPO 3FVTF
   4FSWJDFT
   (SPVQ 5BHBXB
   ,BOB
   ,POEP
   .BJLV ੜ੒"*ར༻ػೳͳΒͰ͸ͷΠϯλʔϑΣʔεઃܭʹ͍ͭͯ
2. 5BHBXB
   ,BOB
   6*69
   %FTJHOFS ,POEP
   .BJLV J04
   &OHJOFFS
3. 8IBU
   JT
   :BIPP
   +"1"/
   'MFB
   .BSLFUʁ
   ݸਓಉ࢜Ͱ঎඼ΛചങͰ͖ΔϑϦϚΞϓϦ "
   $$
   NBSLFUQMBDF
   BQQ
   GPS
   CVZJOH
   BOE
   TFMMJOH
   JUFNT
4. *TTVFT
   JO
   UIF
   -JTUJOH
   1SPDFTT ग़඼ϓϩηεͷ՝୊ &OUFSJOH 1SPEVDU *OGPSNBUJPO 5BLJOH Photos 1BDLJOH
5. 4JNQMF
   BOE
   #FHJOOFS
   GSJFOEMZ 69 ⎯ 5IF UBSHFU JT OFX TFMMFST ⎯ 3FEVDF UIF CVSEFO
   PG
   FOUFSJOH JOGPSNBUJPO ⎯ -FU
   "*
   GJMM
   JO
   UIF
   JOGPSNBUJPO
   BT
   NVDI
   BT
   QPTTJCMF $PODFQU ঎඼৘ใͷೖྗΛ͔ΜͨΜʹɺ໎Θͳ͍69Λ໨ࢦͯ͠ ৽نग़඼ऀ͕λʔήοτɻੜ੒"*͕ࣗಈೖྗͯ͠ɺϢʔβʔೖྗΛݮΒ͢ɻ
6. 3FMFBTF
   PG
   &BTZ
   "*
   -JTUJOH
   Β͘Β͘ग़඼ͷϦϦʔε "* BVUPNBUJDBMMZ HFOFSBUFT
   QSPEVDU
   JOGPSNBUJPO
   GSPN
   QIPUPT
   FOBCMJOH
   FBTZ
   GMFB
   NBSLFU
   MJTUJOHT "*͕ࣸਅ͔ΒࣗಈͰ঎඼৘ใΛ࡞੒͠ɺ͔ΜͨΜʹϑϦϚग़඼͕Ͱ͖Δػೳ
7. %FNP &BTZ
   "*
   -JTUJOH
8. *TTVFT
   BOE
   4PMVUJPOT
   FODPVOUFSFE XJUI
   &BTZ
   "*
   -JTUJOH Β͘Β͘ग़඼Λ௨ͯ͡ײͨ͡՝୊ͱղܾࡦ
9. 1. Waiting time during the generation process 3.The importance of reviewing results and ease of revising 2. Designing a reliable AI experience ੜ੒தͷ଴ͪ࣌ؒ ৴པ͞ΕΔ"*ମݧͷઃܭ ݁Ռͷ֬ೝͱमਖ਼ͷ͠΍͢͞ͷେ੾͞
10. Waiting time during the generation process ੜ੒தͷ଴ͪ࣌ؒ
11. 8BJUJOH UJNF EVSJOH
    UIF
    1SPDFTT
    PG
    (FOFSBUJPO ⎯ *U UBLFT VQ UP  TFDPOET GPS UIF "* UP HFOFSBUF JOGPSNBUJPO ⎯ 6TFST BCBOEPO UIF QSPDFTT
    EVF
    UP
    JNQBUJFODF *TTVF ੜ੒தͷ଴ͪ࣌ؒ ੜ੒ʹඵ͔͔ΓɺϢʔβʔ͕଴͖ͪΕͣ཭୤ͯ͠͠·͏
12. 8BJUJOH UJNF EVSJOH
    UIF
    1SPDFTT
    PG
    (FOFSBUJPO ⎯ $SFBUFE
    B
    TFDPOE
    BOJNBUJPO
    UP
    QSFWFOU
    CPSFEPN ⎯ *ODMVEFE
    B
    DBODFMMBUJPO
    GFBUVSF 4PMVUJPO ੜ੒தͷ଴ͪ࣌ؒ ৽͍͠ΞχϝʔγϣϯͱΩϟϯηϧػೳΛ௥Ճͨ͠
13. Designing a reliable AI experience ৴པ͞ΕΔ"*ମݧͷઃܭ
14. Designing a reliable AI experience ⎯ 5IF
    SJTL
    PG
    JUFNT
    CFJOH
    MJTUFE
    BU
    B
    QSJDF
    VOJOUFOEFE
    CZ
    UIF
    VTFS *TTVF ৴པ͞ΕΔ"*ग़඼ମݧͷઃܭ ϢʔβʔͷҙਤͱҟͳΔՁ֨Ͱग़඼͞ΕΔϦεΫ͕͋ͬͨ
15. 4JNQMF
    BOE
    #FHJOOFS
    GSJFOEMZ 69 ⎯ 5IF UBSHFU JT OFX TFMMFST ⎯ 3FEVDF UIF CVSEFO
    PG
    FOUFSJOH JOGPSNBUJPO ⎯ -FU
    "J
    GJMM
    JO
    UIF
    JOGPSNBUJPO
    BT
    NVDI
    BT
    QPTTJCMF $PODFQU ঎඼৘ใͷೖྗΛ͔ΜͨΜʹɺ໎Θͳ͍69Λ໨ࢦͯ͠ ৽نग़඼ऀ͕λʔήοτɻੜ੒"*͕ࣗಈೖྗͯ͠ɺϢʔβʔೖྗΛݮΒ͢ɻ
16. Designing a reliable AI experience ⎯ If the user has a record of editing the price, the selling price will not be auto-filled with AI-suggested price. ⎯ Aa Displays a confirmation dialog when attempting to list an the AI-suggested price. 4PMVUJPO ৴པ͞ΕΔ"*ग़඼ମݧͷઃܭ Ϣʔβʔ͕ฤूͨ͠৔߹͸ɺࣗಈͰ্ॻ͖͠ͳ͍ɻ Ϣʔβʔ͕ฤू͍ͯ͠ͳ͍৔߹͸֬ೝμΠΞϩάΛग़͢
17. The importance of reviewing results and ease of revising ݁Ռͷ֬ೝͱमਖ਼ͷ͠΍͢͞ͷେ੾͞
18. %P
    ZPV
    FYQFDU
    "*
    UP
    HFOFSBUF
    QFSGFDU
    SFTVMUT ͋ͳͨ͸"*͕׬ᘳͳ݁ՌΛੜ੒Ͱ͖Δͱظ଴͍ͯ͠·͔͢ʁ
19. Generative AI makes Mistakes ⎯ Actions required by users *TTVF ੜ੒"*͸ؒҧ͑Δ Ϣʔβʔ͸݁Ռͷ֬ೝͱɺ৘ใͷमਖ਼͕ඞཁ Modify information Confirm the results
20. Generative AI makes Mistakes ⎯ To enable easy visual identification of AI-generated content. 4PMVUJPO ੜ੒"*͸ؒҧ͑Δ ੜ੒݁ՌͷϋΠϥΠτදࣔͱΫϦΞϘλϯͷઃஔ )JHIMJHIUJOH
    4FUUJOH
    VQ
    B
    SFTFU
    CVUUPO ⎯ To easily reset incorrect information and re-enter it.
21. User feedback ⎯ To users evaluate AI's output as 'good' or 'bad' ⎯ Contribute to future improvements 4PMVUJPO ϢʔβʔϑΟʔυόοΫΛॏࢹ͢Δ
22. Key points for Interface Design Specific to Generative AI Utilization Feature ੜ੒"*ػೳͷ6*69Ͱॏཁͳ͜ͱ͸
23. 1. Waiting time during the generation process 3.The importance of reviewing results and ease of revising 2. Designing a reliable AI experience ੜ੒தͷ଴ͪ࣌ؒ ৴པ͞ΕΔ"*ମݧͷઃܭ ݁Ռͷ֬ೝͱमਖ਼ͷ͠΍͢͞ͷେ੾͞
24. 5IBOL
    ZPV