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.  8BJUJOH
   UJNF
   EVSJOH
   UIF
   HFOFSBUJPO
   QSPDFTT 5IF
   JNQPSUBODF
   PG
   SFWJFXJOH SFTVMUT BOE
   FBTF
   PG
   SFWJTJOH 
   %FTJHOJOH
   B
   SFMJBCMF
   "* FYQFSJFODF ੜ੒தͷ଴ͪ࣌ؒ ৴པ͞ΕΔ"*ମݧͷઃܭ ݁Ռͷ֬ೝͱमਖ਼ͷ͠΍͢͞ͷେ੾͞
10. 8BJUJOH
    UJNF
    EVSJOH
    UIF
    HFOFSBUJPO
    QSPDFTT ੜ੒தͷ଴ͪ࣌ؒ
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. %FTJHOJOH
    B
    SFMJBCMF
    "*
    FYQFSJFODF ৴པ͞ΕΔ"*ମݧͷઃܭ
14. %FTJHOJOH B SFMJBCMF "* FYQFSJFODF ⎯ 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. %FTJHOJOH B SFMJBCMF "* FYQFSJFODF ⎯ *G
    UIF
    VTFS
    IBT
    B
    SFDPSE
    PG
    FEJUJOH
    UIF
    QSJDF
    UIF
    TFMMJOH
    QSJDF
    XJMM
    OPU
    CF
    BVUPGJMMFE
    XJUI
    "* TVHHFTUFE
    QSJDF ⎯ "B
    
    %JTQMBZT B DPOGJSNBUJPO EJBMPH XIFO
    BUUFNQUJOH UP MJTU BO UIF
    "*TVHHFTUFE
    QSJDF 4PMVUJPO ৴པ͞ΕΔ"*ग़඼ମݧͷઃܭ Ϣʔβʔ͕ฤूͨ͠৔߹͸ɺࣗಈͰ্ॻ͖͠ͳ͍ɻ Ϣʔβʔ͕ฤू͍ͯ͠ͳ͍৔߹͸֬ೝμΠΞϩάΛग़͢
17. 5IF
    JNQPSUBODF
    PG SFWJFXJOH SFTVMUT
    BOE
    FBTF
    PG
    SFWJTJOH ݁Ռͷ֬ೝͱमਖ਼ͷ͠΍͢͞ͷେ੾͞
18. %P
    ZPV
    FYQFDU
    "*
    UP
    HFOFSBUF
    QFSGFDU
    SFTVMUT ͋ͳͨ͸"*͕׬ᘳͳ݁ՌΛੜ੒Ͱ͖Δͱظ଴͍ͯ͠·͔͢ʁ
19. (FOFSBUJWF
    "*
    NBLFT
    .JTUBLFT ⎯ "DUJPOT
    SFRVJSFE
    CZ
    VTFST *TTVF ੜ੒"*͸ؒҧ͑Δ Ϣʔβʔ͸݁Ռͷ֬ೝͱɺ৘ใͷमਖ਼͕ඞཁ .PEJGZ JOGPSNBUJPO $POGJSN UIF SFTVMUT
20. (FOFSBUJWF "* NBLFT .JTUBLFT ⎯ 5P FOBCMF
    FBTZ WJTVBM JEFOUJGJDBUJPO PG "*HFOFSBUFE DPOUFOU 4PMVUJPO ੜ੒"*͸ؒҧ͑Δ ੜ੒݁ՌͷϋΠϥΠτදࣔͱΫϦΞϘλϯͷઃஔ )JHIMJHIUJOH
    4FUUJOH
    VQ
    B
    SFTFU
    CVUUPO ⎯ 5P FBTJMZ SFTFU JODPSSFDU JOGPSNBUJPO BOE SFFOUFS JU
21. 6TFS GFFECBDL ⎯ 5P
    VTFST
    FWBMVBUF
    "*T
    PVUQVU
    BT HPPE
    PS
    CBE ⎯ $POUSJCVUF
    UP
    GVUVSF
    JNQSPWFNFOUT 4PMVUJPO ϢʔβʔϑΟʔυόοΫΛॏࢹ͢Δ
22. ,FZ QPJOUT GPS *OUFSGBDF %FTJHO 4QFDJGJD UP (FOFSBUJWF "* 6UJMJ[BUJPO 'FBUVSF ੜ੒"*ػೳͷ6*69Ͱॏཁͳ͜ͱ͸
23.  8BJUJOH
    UJNF
    EVSJOH
    UIF
    HFOFSBUJPO
    QSPDFTT 5IF
    JNQPSUBODF
    PG
    SFWJFXJOH SFTVMUT BOE
    FBTF
    PG
    SFWJTJOH 
    %FTJHOJOH
    B
    SFMJBCMF
    "* FYQFSJFODF ੜ੒தͷ଴ͪ࣌ؒ ৴པ͞ΕΔ"*ମݧͷઃܭ ݁Ռͷ֬ೝͱमਖ਼ͷ͠΍͢͞ͷେ੾͞
24. 5IBOL
    ZPV