Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.
使ってもらうサービスを作る
デザインプロセス
株式会社ウェルセルフ 新明 智
株式会社ウェルセルフ
設立1年半、創業チーム3人から始まって現在は
フルタイム6人
ココナラとは
知識・スキルのマーケットプレイス
個人の得意を一律500円で売買できるのが特徴
全21ジャンル
約8,800種類のサービス
リアルでは会わない
オンラインで完結するサービスのみ
取引件数:35,000件
日本最大級のマーケットプレイス
ユーザー数:59,000人
2012年7月ローンチ
ココナラで人気のサービス
Facebookで似顔絵をプレゼント
マグカップにして両親に
◎=大吉 ○=吉 ●=凶 ●=大凶
7
3
11
(木)
人格
○
8
8
26
(土)
総格
●
あなたの成功運【大吉】天格(水)+人格(木)
天より恵みの甘露の雨で、草木がハツラツと育成し伸展するような急速な事業の発展があるでしょう。
活気...
自己紹介
自己紹介
新明 智(シンミョウ サトシ)
株式会社ウェルセルフ
共同創業者 取締役 UIデザイナー
ココナラで人気のサービス
赤枠の部分を
ざっくりと担当
ココナラの立ち上げ時の
デザインプロセス
(UX白書より抜粋)
使ってもらうには
アーリーアダプターに使ってみたいと思わせるために
・サービスの価値を正しく伝える
・ビジュアルで訴求する
ココナラらしさ
人にフォーカス
多様な価値観が表現されている場
・新規性のあるビジュアル
・ECとして買える感をだす
・コミュニティらしさ
デザインオーダー
新規性のあるビジュアル
新規性のあるビジュアル
目新しい = 使ってみる価値があると判断しやすい
凹凸の少ないデザイン 丸型アイコン マルチカラーのヘッダー
トレンドに沿ったココナラらしさがでるデザイ
ンを取捨選択
ヘッダーデザイン
丸型アイコン
新規性のあるビジュアル
タイルUI
コミュニティらしさ
コミュニティらしさ
・日本らしいコミュニティのトンマナを踏襲
・人を中心に見せたデザイン
・自分も参加できる雰囲気
 →洗練させ過ぎない
ECとして買える感をだす
ECとして買える感をだす
運営者の定性的な判断を重視
当時の会話「うーん、買う気起きない」
結果的に意識したこと
・ECメタファーを入れる(ボタンなど)
・固さを意識
ECメタファーを入れる(ボタンなど)
固さを意識 :細かすぎて伝わらないデザイン
決済部分だけ
フォームデザインを変
えている
共通フォーム
Appendix
ボタンは各ECのボタンをEvernoteに保存して比
較検討(その数50以上…)
検証方法
定性的なユーザーテスト
・自分たちのサイトを教えず複数のサイトをみせてそ
れぞれ意見をもらう
・ユーザーに触らせて思考発話法でしゃべってもらう
現在のデザインプロセス
データドリブンと定性インタビューの
組み合わせ
データドリブン
データドリブン
仮説・実装
課題
検証と学習
デザインも各KPIに沿って改善する
デザインを改善する理由をデータから特定する
特定KPIの改善(ex お気に入りが押さ
れる数の増加、MAUの改善)
色・文字を変えて視認性を改善するな
どの仮説を...
事例1:登録後1週間以内の購入率
仮説・実装
課題
検証と学習
登録後1週間以内の購入率をあげる
登録前のTOPページで購入者にココナ
ラの購入側メリットを強調するとあが
ると仮説をたて実装
8∼10%の推移から16∼20%の推移に
改善。ただ...
事例2:登録率を上げる
仮説・実装
課題
検証と学習
登録率を上げる
アナリティクスツールを検証し、TOP
の一番上のキャッチコピーを読んで離
脱することを確認。購入側に訴求する
ように変更してA/Bテストをする
PC版では変わらず、スマホ版で...
Appendix:キャッチコピー変更
Original:「出品数7000件」
Variation:「解決したお願い3万件!日本最大級のワンコインマーケット」
定性インタビュー
定性インタビューの内容
実施時間:約1h
実施周期:2ヶ月に1度
目的:自分達のサイトの中で今後のメインターゲット
になりうるユーザーにインタビューをして定性的な情
報を集め仮説を作る
内容:ココナラの利用目的の調査、以前の代替手段の
把握、ユ...
定性インタビューがなぜ必要か
データドリブンで行くと今のユーザーに最適化してし
まうリスクがある。
自分達のサイトの中で今後のメインターゲットになり
うるユーザーにインタビューをすることで、現在最適
化な施策(local maximize)に偏...
今後やっていきたいこと
仮説・実装・検証サイクルの高速化
デザインリソースの整理・標準化
デザインの検証方法・サイクルの確立
・ユーザーインタビュー
・ユーザーテスト
ココナラではデザイナー、エンジニアを募集し
ています。一緒に社会を変えるプロダクトを作
りましょう!
http://welself.com/#recruitBlock
Prochain SlideShare
Chargement dans…5
×

sur

使ってもらうサービスを作るデザインプロセス「ココナラ」 Slide 1 使ってもらうサービスを作るデザインプロセス「ココナラ」 Slide 2 使ってもらうサービスを作るデザインプロセス「ココナラ」 Slide 3 使ってもらうサービスを作るデザインプロセス「ココナラ」 Slide 4 使ってもらうサービスを作るデザインプロセス「ココナラ」 Slide 5 使ってもらうサービスを作るデザインプロセス「ココナラ」 Slide 6 使ってもらうサービスを作るデザインプロセス「ココナラ」 Slide 7 使ってもらうサービスを作るデザインプロセス「ココナラ」 Slide 8 使ってもらうサービスを作るデザインプロセス「ココナラ」 Slide 9 使ってもらうサービスを作るデザインプロセス「ココナラ」 Slide 10 使ってもらうサービスを作るデザインプロセス「ココナラ」 Slide 11 使ってもらうサービスを作るデザインプロセス「ココナラ」 Slide 12 使ってもらうサービスを作るデザインプロセス「ココナラ」 Slide 13 使ってもらうサービスを作るデザインプロセス「ココナラ」 Slide 14 使ってもらうサービスを作るデザインプロセス「ココナラ」 Slide 15 使ってもらうサービスを作るデザインプロセス「ココナラ」 Slide 16 使ってもらうサービスを作るデザインプロセス「ココナラ」 Slide 17 使ってもらうサービスを作るデザインプロセス「ココナラ」 Slide 18 使ってもらうサービスを作るデザインプロセス「ココナラ」 Slide 19 使ってもらうサービスを作るデザインプロセス「ココナラ」 Slide 20 使ってもらうサービスを作るデザインプロセス「ココナラ」 Slide 21 使ってもらうサービスを作るデザインプロセス「ココナラ」 Slide 22 使ってもらうサービスを作るデザインプロセス「ココナラ」 Slide 23 使ってもらうサービスを作るデザインプロセス「ココナラ」 Slide 24 使ってもらうサービスを作るデザインプロセス「ココナラ」 Slide 25 使ってもらうサービスを作るデザインプロセス「ココナラ」 Slide 26 使ってもらうサービスを作るデザインプロセス「ココナラ」 Slide 27 使ってもらうサービスを作るデザインプロセス「ココナラ」 Slide 28 使ってもらうサービスを作るデザインプロセス「ココナラ」 Slide 29 使ってもらうサービスを作るデザインプロセス「ココナラ」 Slide 30 使ってもらうサービスを作るデザインプロセス「ココナラ」 Slide 31 使ってもらうサービスを作るデザインプロセス「ココナラ」 Slide 32 使ってもらうサービスを作るデザインプロセス「ココナラ」 Slide 33 使ってもらうサービスを作るデザインプロセス「ココナラ」 Slide 34 使ってもらうサービスを作るデザインプロセス「ココナラ」 Slide 35 使ってもらうサービスを作るデザインプロセス「ココナラ」 Slide 36 使ってもらうサービスを作るデザインプロセス「ココナラ」 Slide 37 使ってもらうサービスを作るデザインプロセス「ココナラ」 Slide 38 使ってもらうサービスを作るデザインプロセス「ココナラ」 Slide 39 使ってもらうサービスを作るデザインプロセス「ココナラ」 Slide 40 使ってもらうサービスを作るデザインプロセス「ココナラ」 Slide 41 使ってもらうサービスを作るデザインプロセス「ココナラ」 Slide 42 使ってもらうサービスを作るデザインプロセス「ココナラ」 Slide 43 使ってもらうサービスを作るデザインプロセス「ココナラ」 Slide 44 使ってもらうサービスを作るデザインプロセス「ココナラ」 Slide 45
Prochain SlideShare
[Uxtokyojam]2014 final public
Suivant
Télécharger pour lire hors ligne et voir en mode plein écran

27 j’aime

Partager

Télécharger pour lire hors ligne

使ってもらうサービスを作るデザインプロセス「ココナラ」

Télécharger pour lire hors ligne

2013/06/26(水) に開催した

スタートアップのデザイナー4人が語る、新しい価値を生み出すデザインプロセス
http://eventregist.com/e/SoDjxLSoKmRO
のココナラのデザインプロセス事例の紹介です。

使ってもらうサービスを作るデザインプロセス「ココナラ」

  1. 1. 使ってもらうサービスを作る デザインプロセス 株式会社ウェルセルフ 新明 智
  2. 2. 株式会社ウェルセルフ 設立1年半、創業チーム3人から始まって現在は フルタイム6人
  3. 3. ココナラとは
  4. 4. 知識・スキルのマーケットプレイス 個人の得意を一律500円で売買できるのが特徴
  5. 5. 全21ジャンル 約8,800種類のサービス
  6. 6. リアルでは会わない オンラインで完結するサービスのみ
  7. 7. 取引件数:35,000件 日本最大級のマーケットプレイス ユーザー数:59,000人 2012年7月ローンチ
  8. 8. ココナラで人気のサービス
  9. 9. Facebookで似顔絵をプレゼント
  10. 10. マグカップにして両親に
  11. 11. ◎=大吉 ○=吉 ●=凶 ●=大凶 7 3 11 (木) 人格 ○ 8 8 26 (土) 総格 ● あなたの成功運【大吉】天格(水)+人格(木) 天より恵みの甘露の雨で、草木がハツラツと育成し伸展するような急速な事業の発展があるでしょう。 活気があって、希望も多く、万事思いのままに成功する素晴らしい運勢です。 あなたの基礎運【大吉】人格(木)+地格(土) 豊穣な大地の栄養を得て、土地に根を張り大樹と成育するような強運を持ち、事業面での発展も旺盛です。家庭運、財運、健康運の全て におても恵まれる強運の運勢です。 あなたの社会運【吉】天格(水)+外格(土) 男女ともに魅力のある性格で多くの人から好感を持たれます。事業運、財運共によく、有力な方からの援助、引立てを得て成功する。 (土) 外格 ◎ 15 10 (水) 天格 ● 16 (土) 地格 ○ 【天格】 ご先祖様から与えられた運勢で、血筋や家運を示し ます。吉凶には関係なく、姓名の他の文字との関係 でのみ吉凶を生じます。  …吉凶に関係がないため省略。 【人格】 成功運格で、一生を通じての仕事・事業運、結婚運、 真の性格の裏表をします。30歳後の後半生の運勢の 吉凶、盛衰を示し、姓名の心臓部的な重要な格です。 …外見とは違い、内面に強い意志を持ち、多くの人 に信頼されるタイプ。知的才能があり、指導的な立 場となる有徳な順調な運。 【地格】                                                青年運・家庭運・健康運・財運を示す基礎運格です。 一生の家庭、肉親、健康運と、30歳までの初年時期 の運勢の吉凶を示します。 …指導者などのリーダータイプ。積極的な行動力で 目的を達成する男性的なダイナミックタイプ。 【総格】                                         一生を通じての運勢の吉凶を示します。他の格の数 に凶数があっても、総格数が吉数であれば大いに助 けられます。一生運とともに、特に晩年の運勢の吉 凶に大きく影響されます。 …英雄的運勢であるが、波乱で、浮沈みもある運勢。 男性的で積極的で努力家。人の為に尽くす事ができ、 人からも信用される。 【外格】                                                              対人関係、家族との関係など、自己を取り巻く全て の環境運を示す環境運格です。一生の健康、対人関 係、肉親関係など、自己の周囲の運勢の吉凶を示し、 外格に凶があると、考えもしなかった迷惑や災難が 周囲の人によってもたらされることがあります。 …財運もあり、事業に恵まれ温厚。徳望がある大吉 運。 COORIDANATE 1 テーマ色:ベージュ/ダークトーン <コート>ZARA トレンチコート http://www.zara.com/webapp/wcs/stores/servlet/product/jp/en/zara-jp- W2012/269183/1017011/COAT%20WITH%20GATHERING%20ON%20THE%20SHOULDER <ネイビーワンピース>MANGO http://shop.mango.com/JP/p0/mango/商品/ワンヒース/テイリー/コントラストストライフワンヒース /?id=71440125_N1&n=1&s=prendas.vestidosprendas&ie=0&m=&ts=1354424703730 <ボルドーワンピース>ZARA http://www.zara.com/webapp/wcs/stores/servlet/product/jp/en/zara-jp- W2012/269185/1013507/PUFF%20SLEEVE%20DRESS <シューズ/アクセサリー>ZARA PERSONAL STYLYST 姓名判断やファッションコーディネートまで
  12. 12. 自己紹介
  13. 13. 自己紹介 新明 智(シンミョウ サトシ) 株式会社ウェルセルフ 共同創業者 取締役 UIデザイナー
  14. 14. ココナラで人気のサービス 赤枠の部分を ざっくりと担当
  15. 15. ココナラの立ち上げ時の デザインプロセス
  16. 16. (UX白書より抜粋) 使ってもらうには アーリーアダプターに使ってみたいと思わせるために ・サービスの価値を正しく伝える ・ビジュアルで訴求する
  17. 17. ココナラらしさ 人にフォーカス 多様な価値観が表現されている場
  18. 18. ・新規性のあるビジュアル ・ECとして買える感をだす ・コミュニティらしさ デザインオーダー
  19. 19. 新規性のあるビジュアル
  20. 20. 新規性のあるビジュアル 目新しい = 使ってみる価値があると判断しやすい 凹凸の少ないデザイン 丸型アイコン マルチカラーのヘッダー トレンドに沿ったココナラらしさがでるデザイ ンを取捨選択
  21. 21. ヘッダーデザイン
  22. 22. 丸型アイコン
  23. 23. 新規性のあるビジュアル タイルUI
  24. 24. コミュニティらしさ
  25. 25. コミュニティらしさ ・日本らしいコミュニティのトンマナを踏襲 ・人を中心に見せたデザイン ・自分も参加できる雰囲気  →洗練させ過ぎない
  26. 26. ECとして買える感をだす
  27. 27. ECとして買える感をだす 運営者の定性的な判断を重視 当時の会話「うーん、買う気起きない」 結果的に意識したこと ・ECメタファーを入れる(ボタンなど) ・固さを意識
  28. 28. ECメタファーを入れる(ボタンなど)
  29. 29. 固さを意識 :細かすぎて伝わらないデザイン 決済部分だけ フォームデザインを変 えている 共通フォーム
  30. 30. Appendix ボタンは各ECのボタンをEvernoteに保存して比 較検討(その数50以上…)
  31. 31. 検証方法
  32. 32. 定性的なユーザーテスト ・自分たちのサイトを教えず複数のサイトをみせてそ れぞれ意見をもらう ・ユーザーに触らせて思考発話法でしゃべってもらう
  33. 33. 現在のデザインプロセス
  34. 34. データドリブンと定性インタビューの 組み合わせ
  35. 35. データドリブン
  36. 36. データドリブン 仮説・実装 課題 検証と学習 デザインも各KPIに沿って改善する デザインを改善する理由をデータから特定する 特定KPIの改善(ex お気に入りが押さ れる数の増加、MAUの改善) 色・文字を変えて視認性を改善するな どの仮説をたてて実装 リリース後にKPIが改善したか定量的な 指標で検証し、学習する
  37. 37. 事例1:登録後1週間以内の購入率 仮説・実装 課題 検証と学習 登録後1週間以内の購入率をあげる 登録前のTOPページで購入者にココナ ラの購入側メリットを強調するとあが ると仮説をたて実装 8∼10%の推移から16∼20%の推移に 改善。ただしサインアップ率が下がっ てしまった。
  38. 38. 事例2:登録率を上げる 仮説・実装 課題 検証と学習 登録率を上げる アナリティクスツールを検証し、TOP の一番上のキャッチコピーを読んで離 脱することを確認。購入側に訴求する ように変更してA/Bテストをする PC版では変わらず、スマホ版では顕著 に変更後の文言で登録率(-6%)が下 がった。
  39. 39. Appendix:キャッチコピー変更 Original:「出品数7000件」 Variation:「解決したお願い3万件!日本最大級のワンコインマーケット」
  40. 40. 定性インタビュー
  41. 41. 定性インタビューの内容 実施時間:約1h 実施周期:2ヶ月に1度 目的:自分達のサイトの中で今後のメインターゲット になりうるユーザーにインタビューをして定性的な情 報を集め仮説を作る 内容:ココナラの利用目的の調査、以前の代替手段の 把握、ユーザーのセルフゴールの把握
  42. 42. 定性インタビューがなぜ必要か データドリブンで行くと今のユーザーに最適化してし まうリスクがある。 自分達のサイトの中で今後のメインターゲットになり うるユーザーにインタビューをすることで、現在最適 化な施策(local maximize)に偏らないようにす る。
  43. 43. 今後やっていきたいこと
  44. 44. 仮説・実装・検証サイクルの高速化 デザインリソースの整理・標準化 デザインの検証方法・サイクルの確立 ・ユーザーインタビュー ・ユーザーテスト
  45. 45. ココナラではデザイナー、エンジニアを募集し ています。一緒に社会を変えるプロダクトを作 りましょう! http://welself.com/#recruitBlock
  • ssuser7bf774

    Aug. 5, 2020
  • kjy0204

    Jul. 8, 2015
  • TakahiroIshida

    Mar. 21, 2015
  • c5tom

    Mar. 5, 2015
  • hiroshi0316

    Sep. 1, 2014
  • DaisukeAsai

    Aug. 31, 2014
  • knife0125

    Jul. 30, 2014
  • DatacraftUX

    Jul. 28, 2014
  • okyou

    Jul. 26, 2014
  • bookslope

    Jul. 26, 2014
  • aknmkr

    Jul. 13, 2014
  • NoriyukiKobori

    Jun. 17, 2014
  • teapipin

    Sep. 21, 2013
  • nuts612

    Sep. 17, 2013
  • TAKU_YEAH

    Aug. 20, 2013
  • kogorou

    Jul. 22, 2013
  • bucci31

    Jul. 4, 2013
  • niu4646

    Jul. 2, 2013
  • hoop34

    Jun. 30, 2013
  • yudainoguchi14

    Jun. 29, 2013

2013/06/26(水) に開催した スタートアップのデザイナー4人が語る、新しい価値を生み出すデザインプロセス http://eventregist.com/e/SoDjxLSoKmRO のココナラのデザインプロセス事例の紹介です。

Vues

Nombre de vues

10 041

Sur Slideshare

0

À partir des intégrations

0

Nombre d'intégrations

6 230

Actions

Téléchargements

41

Partages

0

Commentaires

0

Mentions J'aime

27

×