Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
從找出問題開始 - Designer's night @Taiwan -
カワマタ さとし
April 20, 2017
Design
3
6.3k
從找出問題開始 - Designer's night @Taiwan -
以Feedback工具『Balto』的開發流程為案例,整理從發現課題到面談方式、觀察的方法的簡報。在台北的UXUI Designer's Night進行演講。
カワマタ さとし
April 20, 2017
Tweet
Share
More Decks by カワマタ さとし
See All by カワマタ さとし
用了Balto變得世界輕鬆的 測試・回饋體驗
kwmt
0
200
Other Decks in Design
See All in Design
Nobel Finds a Staryu
innsamity
0
210
ANTIEK
8sided
PRO
1
160
プロダクト開発に活きるUXリサーチ - 基礎編 -
shippio
3
2.4k
Cat Beast
hbosnian
1
430
Cat Seance
emmamsketches
0
160
The Frog Bandit
senamiyazaki
0
130
tsunasapo_branch-concept202007
tsunasapo
0
180
Overflow - IdentityDeck
overflowinc
0
4.1k
【デザイナー採用】YUMEMI_会社紹介/yumemi_company_introduction_designer
yumemi_design
0
520
My Yahoo Refresh Overview
xuechunwu
0
260
Interest + Curiosity Booklet
juliaso
0
130
エアデザイン(AIR Design)サービス資料
air_design
0
130k
Featured
See All Featured
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
119
28k
5 minutes of I Can Smell Your CMS
philhawksworth
196
18k
The MySQL Ecosystem @ GitHub 2015
samlambert
238
11k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
349
27k
Support Driven Design
roundedbygravity
86
8.5k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
655
120k
Why Our Code Smells
bkeepers
PRO
324
55k
GitHub's CSS Performance
jonrohan
1020
420k
For a Future-Friendly Web
brad_frost
166
7.4k
How STYLIGHT went responsive
nonsquared
85
3.9k
Docker and Python
trallard
27
1.6k
Keith and Marios Guide to Fast Websites
keithpitt
404
21k
Transcript
Baltoઃܭࢣຢ ኺፙग़։࢝ © 2017 Goodpatch Inc. All Right Reserved.
,BXBNBUB4BUPTIJ ઃܭࢣ ࡏຊ໊ిػ࡞ޙਐೖ(PPEQBUDIɻ ሣఆੑ๚ஊҎٴ᧺ਐߦਂላशɼᎨᚙݱҎٴੳ ኺ֓೦Սߏ౸ઃܭ࡞༗ៃखաɻ ग़ల.JMBOP4BMPOFɺៃखత㗞ಘ౸(PPE%FTJHOᘋɻ XXXLXNUXPSLTDPN © 2017 Goodpatch
Inc. All Right Reserved.
© 2016 Goodpatch, Inc. All Right Reserved. 3 جຊࢿ㘤 ᮫ԙ(PPEQBUDI
Tokyo Berlin Taipei 追求令⼈人⼼心動的UI設計 國際化的UI設計公司 Goodpatch, Inc.(株式会社グッドパッチ)是⼀一家在東京、柏林林、台 北,專⾨門製作Web / iOS / Android等多種不同⾏行行動裝置App的UI設 計公司。無論是何種服務和產品,我們都堅持從企劃設計的階段開始參參 與、UX設計、設計原型製作到實際安裝,所有的⼯工程都能在這裡完成。
© 2016 Goodpatch Inc. All Right Reserved. 4 ઃܭҕୗۀᢛ㗞։ᚙۀ 東京辦公室基本上是以⽇日本國內企業為主,⽽而柏林林辦公室則是以柏林林市
內以及歐洲圈的客⼾戶為中⼼心做各項服務,App的UX設計、UI設計到最 後的實際開發。 設計委託業務 以設計原型⼯工具「Prott」為中⼼心,為提昇設計效率⽽而開發各項⼯工具, 並持續推陳出新。 產品開發業務
5 設計委託業務 專案客⼾戶型、共同事業型、投資型
6 案例例介紹 敝社曾擔當過這個使⽤用者超過400萬⼈人的⾃自動記帳本App 「Money Forward」畫⾯面全⾯面刷新。不但把各種複雜的功能 以簡潔的⽅方式重新整理理,更更將UI設計的更更容易易使⽤用上⼿手,得到 各個使⽤用者相當⾼高的評價。在2014年年還獲得Good Design獎 (2014年年5⽉月公開版本) UX設計、UI設計
J1IPOF https://moneyforward.com
7 案例例介紹 透過JINS開發的感應器技術,搜集眨眼次數等⽣生理理狀狀態數 據,計算出集中的程度,並在⼿手機立即以視覺⽅方式呈現的 App。思考使⽤用者真正在乎的體驗,並提供真正的價值, 以提升JINS MEME的體驗為⽬目標提案的UI。將從JINS MEME蒐集到的集中檔案,以讓使⽤用者可以直覺性理理解的 ⽅方式設計。 企劃、UX設計、UI設計、軟體開發、服務運營⽀支援
J1IPOF https://jins-meme.com/ja/office/
8 案例例介紹 ⽇日本市佔率第⼀一,使⽤用者數超過500萬的票券買賣App 「TicketCamp」的設計更更新,由Goodpatch負責進⾏行行。 設計團隊將購買動線以及視覺設計全部翻新,成功讓成交 量量增加了了30%,並提升了了許多功能的使⽤用頻率,更更曾經登 讓Google Play Store的推薦清單。 UX設計、UI設計、服務運營⽀支援
J1IPOF"OESPJE https://hunza.jp
※僅記載獲得許可的客⼾戶。 ៃखաઃܭҕୗҊత٬㖽໊ᄸ
10 產品開發業務 使設計過程更更有效率的產品線
11 㗞։ᚙࣄۀɿ1SPUU ࣍။ٞෆҰݸ1SPUPUZQF IUUQQSPUUBQQDPN 由Goodpatch⾃自⼰己製作的服務,並於2014年年 10⽉月正式上線。 ⽇日本國內許多⼤大家網路路企業都使⽤用Enterprise 版本做設計,實績案例例相當多(Yahoo!、 DeNA、GREE、Recruit、楽天等),現在 系統對應⽇日⽂文,英⽂文以及繁體中⽂文三種語⾔言。
12 㗞ࣄۀɿ#BMUP #BMUPੋ"QQ։ᚙ࣌Մ༻ɼఏঋኺ༬᧸౸վ ળ֊ஈᱪྲྀఔతճᰶ۩ɻҰݸಈ࡞ब ፊᅷҎٴ㣿औӨยɺدग़څᅶୂһ֬ ೝɼఏঋ㗞త࣭ɻ ಁաᙘ໘ፊᅷɾ Өย᫊ᱷڅ༧㗞ᰶ IUUQCBMUPJP ©
2016 Goodpatch, Inc. All Right Reserved.
հBalto © 2017 Goodpatch Inc. All Right Reserved.
14 ሡઃܭతFeedback Ꮣతߋੵۃਖ਼໘త ճᰶߔ௨ฏ۩ © 2017 Goodpatch Inc. All Right
Reserved.
15 © 2016 Goodpatch Inc. All Right Reserved.
16
17
18
20 ਖ਼తڈఏঋ 㗞త࣭ © 2017 Goodpatch Inc. All Right Reserved.
21 ࢧԉ։ᚙऀత۩ Balto © 2017 Goodpatch Inc. All Right
Reserved.
22 DEMO © 2017 Goodpatch Inc. All Right Reserved. ඍ
Baltoతઃܭྲྀఔ © 2017 Goodpatch Inc. All Right Reserved.
24 © 2017 Goodpatch Inc. All Right Reserved. ෆॄኄᒬత㗞ੋ ኺʮʯ։࢝ɻ
ɾɾɾ
25 ։ᚙ#BMUPతಈػੋݯԙ © 2017 Goodpatch Inc. All Right Reserved. ࡏመࡍ҆త"QQ্څ༧'FFECBDL
తաఔຑ ഝݸৗৗඃࠌུతখখ
26 © 2017 Goodpatch Inc. All Right Reserved. ҝҰݸઃܭࢣ ཁዎኄኺഝݸʮʯத
ӡ༻૾ྗԆ৳ଖଞՄೳੑ䏆
27 © 2017 Goodpatch Inc. All Right Reserved. ༗3ݸํ๏
28 ᧺ ྃղ༻ऀᖅࡏతधٻ ӡ༻૾ྗԆ৳ղᬶ © 2017 Goodpatch Inc. All Right
Reserved.
29 © 2017 Goodpatch Inc. All Right Reserved. ᧺ ྃղ༻ऀᖅࡏతधٻ
ӡ༻૾ྗԆ৳ղᬶ
30 © 2017 Goodpatch Inc. All Right Reserved. ᧺पᅴɾᬑಉࣄత ࡞ࣜ
31 © 2017 Goodpatch Inc. All Right Reserved. ֬ೝʮҰఱᙛதʯతʮ࡞ۀʯߦఔ ্൝
Լ൝ த ૣ။ ֬ೝۀྔ ࡏ4LFUDI্ ࡞ઃܭҊ ሡઃܭ䈕Ҋ ަڅఔࢣ ࡞1SPUPUZQF ᒾࢹመࡍ҆ޙత㗞 ฒڅ༧'FFECBDL ཧ ໌ఱతۀ
32 © 2017 Goodpatch Inc. All Right Reserved. ိʮҰఱᙛதʯ࡞తʮಈྗʯ ্൝
Լ൝ த ૣ။ ֬ೝۀྔ ࡏ4LFUDI্ ࡞ઃܭҊ ሡઃܭ䈕Ҋ ަڅఔࢣ ࡞1SPUPUZQF ᒾࢹመࡍ҆ޙత㗞 ฒڅ༧'FFECBDL ཧ ໌ఱతۀ
33 © 2017 Goodpatch Inc. All Right Reserved. ိʮҰఱᙛதʯ࡞తʮಈྗʯ ্൝
Լ൝ த ૣ။ ֬ೝۀྔ ࡏ4LFUDI্ ࡞ઃܭҊ ሡઃܭ䈕Ҋ ަڅఔࢣ ࡞1SPUPUZQF ᒾࢹመࡍ҆ޙత㗞 ฒڅ༧'FFECBDL ཧ ໌ఱతۀ
34 ᚙݱྃʂ © 2017 Goodpatch Inc. All Right Reserved. ࡏመࡍ҆త"QQ্څ༧
'FFECBDLతաఔຑ
35 ఔࢣ࡞త؆қ1SPUPUZQF © 2017 Goodpatch Inc. All Right Reserved.
36 ഝݸ © 2017 Goodpatch Inc. All Right Reserved. बੋ#BMUP
ੜత ݪᴍ
37 © 2017 Goodpatch Inc. All Right Reserved. ኺ᧺։࢝ Ԇ৳৽తJEFB
l l
38 © 2017 Goodpatch Inc. All Right Reserved. JEFBಓෆ။ Ꮣಘଠओ᧺䆩ʁ
39 © 2017 Goodpatch Inc. All Right Reserved. ਝతࡏ1SPUPUZQF্֬ೝ 㗞తၢᆴबಓྃ
ላश
40 © 2017 Goodpatch Inc. All Right Reserved. ᧺ ྃղ༻ऀᖅࡏతधٻ
ӡ༻૾ྗԆ৳ղᬶ
41 © 2017 Goodpatch Inc. All Right Reserved. መࢪਂ๚ஊ
42 © 2017 Goodpatch Inc. All Right Reserved. "JN*OUFSWJFX ཧղސ٬᧺ᴍతํ๏
"QQSFDJBUJWF*NBHJOBUJWF IUUQXXXGVKJUTVDPNEPXOMPBET+1BSDIJWFJNHKQKNBHWPMQBQFSQEG
© 2016 Goodpatch Inc. All Right Reserved. ਐߦሣ େతሣஊ
44 © 2017 Goodpatch Inc. All Right Reserved. "*N*OUFSWJFXతಛ㐸 যᴍ์ࡏʮೝࣝਓʯ
ɹˠҾಋग़ʮᖅҙࣝʯ ɹˠಁաʮ؟ࣜʯိัଊਓతಛ㐸
45 © 2017 Goodpatch Inc. All Right Reserved. ॴҦʮᖅҙࣝʯ ᦒવฏ࣌ෆଠಓዎኄ༻ݴޠදୡɼ
ୠཁྗबೳⴺ۩ᱪදड़తɺײ᧷্తࣄɻ Մೳੋຊਓᔒҙ౸తҎٴܹಈྗతࣄɻ बੋ ʮਅ৺ʯɻ
46 © 2017 Goodpatch Inc. All Right Reserved. 㐫گ ʢᚙੜతࣄመʣ
ײड ʮ۩ᱪိ㘸ੋॄኄࣄ䏆ʁʯ ʮ䓟ײ᧷Կ䏆ʁʯ Ҿಋग़ഝஈ ᖅҙࣝ
47 © 2017 Goodpatch Inc. All Right Reserved. ؟ࣜ ະိ᧺ᴍ
աڈ᧺ᴍ ݸਓ᧺ᴍ ूᅶ᧺ᴍ ਓ แؚਓత֤छᱪҙࣝ ײ᧷᧺ᴍ ᬓा᧺ᴍ IUUQTXXXTPHFOTIBDPKQQSPEVDUMJTUEFUBJM JE
48 © 2017 Goodpatch Inc. All Right Reserved. աڈ ະདྷ
ኺաڈతៃᱛߏࢥ ະိత㐫ଶ աڈՄҎො༧ ݱࡏతߦಈҙٛ ኺະိత૾څ༧ ݱࡏతߦಈํ ݱࡏ
49 © 2017 Goodpatch Inc. All Right Reserved. ๚ஊతՍߏ ᨑݱࡏత㐫گ
ᨑաڈత㐫گ ᨑະိత㐫گ ։࢝ઌኺ༰қ Ꮜड़తʮݱࡏʯᨑ Լိաڈ ᚙੜաతࣄ݅ Ҏݱࡏաڈҝؑɼ Ꮜड़ະိల ഝᬑ࠷ॏཁʂ
50 © 2017 Goodpatch Inc. All Right Reserved. ๚ஊදᄸ
© 2016 Goodpatch Inc. All Right Reserved. ᩋ༻ऀࣗવతᏌड़ɼ ࣗવࣕવԟ֤छํԆ৳
52 © 2017 Goodpatch Inc. All Right Reserved. ๚ஊੳ
رೳಘ౸ߋଟ㗞త'FFECBDLɻ ሡઍඦ㑘աޙత㗞ૹ౸ߋଟ༻ऀख্ɻ #BMUPత๚ஊɿఔࢣ © 2016 Goodpatch Inc. All Right Reserved.
ሡ፺ू౸'FFECBDL ጯ༻౸㗞վળத © 2016 Goodpatch Inc. All Right Reserved. l
l ᖅࡏधٻ
55 © 2017 Goodpatch Inc. All Right Reserved. ಁա༻ऀ๚ஊ ཧղ౸త༻ऀधٻ
l l
56 © 2017 Goodpatch Inc. All Right Reserved. Կሡ๚ஊత݁Ռ Խҝࣗݾతޠݴ
57 © 2017 Goodpatch Inc. All Right Reserved. ላश ॴ༗ਓҰىჩᢛ๚ஊɼ
ᡒ༻ऀతᡎԻɻ
58 © 2017 Goodpatch Inc. All Right Reserved. ᧺ ྃղ༻ऀᖅࡏతधٻ
ӡ༻૾ྗԆ৳ղᬶ
59 © 2017 Goodpatch Inc. All Right Reserved. ኺ๚ஊதಘ౸ తᖅࡏधٻ
။ෆ။ੋ ഝݸҙࢥʁ ༂ੑࢥߟ
© 2016 Goodpatch Inc. All Right Reserved. l l ሡ፺ू౸'FFECBDL
ጯ༻౸㗞վળத ሡᖅࡏधٻԆ৳ฒᚙشҙԆ৳ղᬶ
ཁԿहू౸ େྔత'FFECBDL䏆ʁ © 2016 Goodpatch Inc. All Right Reserved. ሡᖅࡏधٻԆ৳ฒᚙشҙԆ৳ղᬶ
© 2016 Goodpatch Inc. All Right Reserved. ӡ༻૾ྗԆ৳ղᬶ
ᅎग़ՄҎ፺ू౸ ଟʮ'FFECBDLʯతᔃᅴ © 2016 Goodpatch Inc. All Right Reserved. ᚙشҙԆ৳ղᬶ
ɾ࡞ҰݸՄҎ᫊ᱷၚୡճᰶతᱪᱛ ɾ࡞ҰݸՄҎ࣋᠃Ꮕूߋଟճᰶతثࡼ ɾᩋ'FFECBDLతաఔՄҎᏓಘߋਖ਼ੵۃ ੍ఆࡾݸํ © 2016 Goodpatch Inc. All Right
Reserved. ᚙشҙԆ৳ղᬶ
© 2016 Goodpatch Inc. All Right Reserved. ᚙشҙԆ৳ղᬶ
© 2016 Goodpatch Inc. All Right Reserved. ᚙشҙԆ৳ղᬶ
%FTJHO'FFECBDL $PNNVOJDBUJPO l z © 2016 Goodpatch Inc. All Right
Reserved. ᚙشҙԆ৳ղᬶ
68 © 2017 Goodpatch Inc. All Right Reserved. ᚙش૾ྗሡ㗞֓೦ లԆ৳
l l
69 © 2017 Goodpatch Inc. All Right Reserved. ܾఆ৽֓೦ ័ੋʮԼܾఆʯ
70 © 2017 Goodpatch Inc. All Right Reserved. ላश ૣظሡܾࡦऀ፮ۙᅲࢠཫ
बೳߋॱརલਐ
71 ࠷ޙ䏆 © 2017 Goodpatch Inc. All Right Reserved.
72 © 2017 Goodpatch Inc. All Right Reserved. ሡ؟ޫ์ࡏᬑతখࣄɼ ኺখతᴍ၏ਂࢥߟ᧺
बੋઃܭࢣత࡞
73 © 2017 Goodpatch Inc. All Right Reserved. Ұى։৺త࡞㠧ʂ
74 ँँ֤Ґᡆᡒ © 2016 Goodpatch Inc. All Right Reserved.