そのWebサイトは「道具」ですか？それとも「広告」ですか？｜Goodpatch Blog グッドパッチブログ
突然ですが、みなさんがデザインしているWebサイトは「道具」ですか？それとも「広告」ですか？ 「Webサイト」と一口で言っても、ペライチのLPや、コーポレートサイト、ブランドサイト、また、Webブラウザ上でアプリケーションのような振る舞いをするものなど多岐に渡りますし、「EC機能を持つブランドサイト」のように「道具」でも「広告」でもあるようなWebサイトもたくさん存在しますよね。 そこで今回は、Webサイトが「道具」であるときと「広告」であるときの、その「境界線」がどこにあるのかについて考えていきたいと思います。 「道具」か「広告」か そもそも「道具」か「広告」かという考え方自体がどこから出てきたのか？という話から始めたいと思います。 筆者自身、キャンペーンサイトやコーポレートサイトのような、所謂「Webサイト」のデザインをすることもあれば、業務システムのような「Webアプリケーション」を
UXの5段階モデル分解編 vol.2 サービス/プロダクトの開発指針を定める要件段階での具体的なデザイン手法【2019年版】｜Goodpatch Blog グッドパッチブログ
UXの5段階（5階層）モデルは、サービスやプロダクトがもたらすUXを5つの段階的要素で表したものです。ここで、一貫性を持ったサービス/プロダクトの開発を行うためには、このUXの5段階モデルの概念を意識しながら開発を行うことが重要です。 5段階モデルの概念や、各段階での一連のデザイン手法については理解できているが、要件段階の目的やデザイン手法をより詳しく知りたい！という方もいらっしゃると思います。 今回は戦略段階に引き続き、UXの5段階モデルの要件段階における目的と必要なインプットとアウトプットの説明、そのための具体的なデザイン手法の紹介を行いたいと思います。 UXの5段階モデルの概要をまずは理解したい！という方は以下の記事をご覧ください。
「お金を払った感」はどのようにデザインすればよいのか｜Goodpatch Blog グッドパッチブログ
私たちは普段、お店でものを買う際には必ず「お金を払う」ということを行っています。現金やクレジットカード、交通系電子マネーに加え、最近ではApple Payなどのスマートフォンによる電子決済サービスも登場しています。そのような新しい決済サービスを使ったことがあるという方も増えてきているのではないでしょうか。 このブログでも度々注目されているお金とデザインのこと。先日起こった私の実体験を通して、このような「お金を払う」という体験のデザインについて考えてみたいと思います。 とあるコーヒーショップでの体験談：フィードバックの勘違い これは、とあるコーヒーショップでバーコード決済アプリを利用した際に体験した実話です。 さて、3コマ目で私はなぜ「会計が終わったな」と勘違いしてしまったのでしょう？ 振り返ってみると、会計時に私はこんなことを考えていました。 1コマ目：「電子決済アプリで支払いたい」 2コ
キャンセルのキャンセル問題から考えるダイアログデザイン｜Goodpatch Blog グッドパッチブログ
この文脈では、「編集内容のキャンセル」という処理を続行しても良いかをユーザーに確認しています。続行に同意したい多くのユーザーは直感的に同じ表記の「キャンセル」を押したくなるでしょう。しかしそれでは編集のキャンセルが実行されません。 このキャンセルボタンが意味するのは、「『編集内容をキャンセルする』のキャンセル」なのです。つまり、ユーザーが望み通りに編集内容を破棄するためには、反対側のOKボタンを選ぶべきなのです。このような「キャンセルのキャンセル」は二重否定で意味がややこしくなるので避けなければなりません。 ここで「キャンセルのキャンセル」にならなければ良いということで、次のようにボタン名を変えてみました。 これでもう迷うことは無くなりましたか……？ 私はこの修正は誤りだと判断します。「はい」「いいえ」は結果を予想しにくい表現なので、ダイアログのアクションボタンに用いることはあまり適切では
新しいものが大好きなGoodpatchで9月に話題になったアプリ、サービス、デザインまとめ（2016） | Goodpatch Blog
みなさんこんにちは！UIデザイナーのサイです！ 今月は台風の影響もあり雨の日が多かったですね。グッドパッチでは、iPhone 7の発売と共に配信されたiOS 10が話題になりました！ それでは、今月話題になったアプリ、サービス、デザインを紹介します！ 過去の月間まとめはこちらからどうぞ！ AMITY https://amity.io 「ライブヒューマンインタラクション」に注目したメッセンジャーアプリです。 メッセンジャーアプリ市場が白熱している中で、二年の開発期間を経て公開されたAMITY。「軽く押す」、「ハイファイブ」など人と人とのインタラクションを促す機能が特徴的です。またそれ以外にも、ステッカーやアプリ内検索など他のメッセンジャーアプリに導入されている流行の機能はすべて揃っています。 SPAT https://spat.hiphop ラッパーのためのコミュニケーションアプリです。 2
新しいものが大好きなGoodpatchで6月に話題になったアプリ、サービス、デザインまとめ（2016） | Goodpatch Blog
みなさんこんにちは！4月にGoodpatchに入社した新卒デザイナーの鈴木です。 もうすぐじめじめとした梅雨も終わり、日差しの照りつける日が増してきそうですね。 今月はWWDCがあり、社内では報告会などのイベントが開催されるほどWWDCに関する話題で持ちきりとなりました！ それでは、今月Goodpatchで話題になったアプリやサービスを紹介します！ 過去の月間まとめはこちらからどうぞ Bluprint http://bluprint.lsd.design/ iPad Proの書き心地の良さを活かした、UIのスケッチができるアプリです。 iPhone SEに合った画面サイズ・解像度、厳選されたカラー、アイコンなど、UIスケッチに特化した機能が含まれています。 UIを検討する際にまずはラフスケッチから入る方がほとんどかと思いますが、 このアプリを使えばカメラで撮影したりスキャンする手間が省け、
新しいものが大好きなGoodpatchで3月に話題になったアプリ、サービス、デザインまとめ（2016） | Goodpatch Blog
みなさんこんにちは！ Goodpatchの須佐です！もうすぐ４月で桜が咲き始めましたね！季節の変わり目に体調を崩さないよう気をつけていきます。それでは今月も、新しくておもしろいサービスやアプリを紹介していきたいと思います！ 今までのまとめはこちらからどうぞ。 mercury 「mercury」は、iOSバージョン9.3対応のUIコンポーネントを無料でダウンロードできるサービスです。 UIコンポーネントは「Adobe Illustrator」と「Sketch」に対応したものがそれぞれ用意されています。ナビゲーションバーやセグメントコントロールなどの豊富なコンポーネントを用いることで、iOSアプリのモックアップを素早く作れます。また、80以上の純正アプリがフルスクリーンでストックされており、マージンの大きさなどを正確に参照することができます。無料で手に入りますので一度ダウンロードしてみてはいか
新しいものが大好きなGoodpatchで2月に話題になったアプリ、サービス、デザインまとめ（2016） | Goodpatch Blog
みなさんこんにちは！ UIデザイナーとしてGoodpatchでインターンをしているワラスです！ あっという間の1ヶ月が過ぎて、今年2発目のmemopatchまとめです。最近時間が経つのが以前より早くなったような気がします。それでは今月も、新しくておもしろいサービスやアプリを紹介していきたいと思います！ 今までのまとめはこちらからどうぞ。 サービス Should I get up?: To stay in bed, or not to stay in bed 今日の天気や降水確率、風の強さ、日の出からどのくらい時間が過ぎているのか、などの情報から、このままゴロゴロしているべきか否かを教えてくれるだけのサービスです。この潔さがいいですね。予定のない休日に使ってみてください。 http://www.shouldigetup.com/ Mondriantab タブを開くたび、モンドリアンの構成が
新しいものが大好きなGoodpatchで1月に話題になったアプリ、サービス、デザインまとめ（2016） | Goodpatch Blog
みなさん、こんにちは！ UIデザイナーののがちゃん(@aekiikea)です。本館が増床し、キッチンができました！是非遊びにきてくださいね((^o^)) では今年一発目のメモパッチまとめです。どれもおすすめのサービスなので要チェックです！ 過去のまとめはこちらからどうぞ！ Kemail http://kemailapp.com/#/en Kemailはメールアドレスや住所を素早く貼り付けるためのカスタムキーボードです。アプリから複数の文字列を保存できます。名前や電話番号、ホームページのURLなどよく使うものを登録しておくと入力が便利になります。Goodpatchが日本語のローカライゼーションをお手伝いしました。 Peach http://peach.cool/ Peachは海外で人気上昇中のSNSアプリです。ホームのタイムラインでは友達の更新情報のみ表示され、メインは各個人のタイムラインと
新しいものが大好きなGoodpatchで10月に話題になったアプリ、サービス、デザインまとめ（2015） | Goodpatch Blog
こんにちは！今月からインターン生として働いてる須佐(すさ)です！ 先月、2015年度グッドデザイン賞にProttとTALKIEが同時受賞しました。本日10月30日より東京ミッドタウンで開催されるグッドデザインエキシビション 2015（G 展）にて紹介されます。是非お時間がある方は足をお運びください！詳細はこちら それでは今月も、Goodpatchで共有された新しくておもしろいデザインやアプリ、Webサービスをご紹介したいと思います。 月間まとめはこちらからどうぞ！ Paper iPadの人気お絵描きアプリがiPhoneに対応しました！チェックリスト、写真への書き込み、図の作成などが簡単にできるアプリです。写真に説明文を付け加えたり、ちょっとしたスケッチのときに役立ちます。また、三角形や四角形、矢印などの図形を簡単にかける仕様が備わっていて、スマートフォンの小さい画面でもストレスなく使うこと
新しいものが大好きなGoodpatchで9月に話題になったアプリ、サービス、デザインまとめ（2015） | Goodpatch Blog
今月でGoodpatchは4周年を迎えました。4周年記念日には社員全員でワークショップを行い、働き方や会社の未来について一日をかけて考えました。そして昨日、Goodpatchが手がけたProttとTALKIEがGood Design賞を受賞しました！ プロトタイピングツール『Prott』、2015年度グッドデザイン賞を受賞 アットホーム×グッドパッチによる共同事業「TALKIE（トーキー） 新築・分譲マンション」が2015年度グッドデザイン賞を受賞 それでは、今月も社内で話題になったアプリ、サービスをご紹介します！ 過去のまとめはこちらからどうぞ！ Picker https://getpicker.com/ iOSアプリを探すためのサービスです。フォローした人がPickしたアプリを見れます。Pickerブラウザボタンを設定すると、ブラウザ上から簡単にアプリをPickできます。デザイナーには
新しいものが大好きなGoodpatchで8月に話題になったアプリ、サービス、デザインまとめ（2015） | Goodpatch Blog
みなさんこんにちは！今日で8月も終わりですね。今月もわくわくするようなアプリやサービスをたくさん紹介します。 過去のまとめはこちらからどうぞ！ Fit’s FESTIVAL PLAYER http://lotte-fits.jp/fesapp/ POP、TECHNOなどのジャンルを選択して音楽を流したり、DJの様に効果音を追加して遊べるアプリです。Fit’sの対象商品を購入すると、ボイスチェンジャーの機能も追加できます。ポップでカラフルな色使いが楽しいアプリです。 MUJI to Relax https://www.muji.com/jp/beadssofa/ 自宅でリラックスしたい時や、高速バスで睡眠が辛い場所で眠りとサポートしてくれるアプリです。自然音を選択して再生できるほか、心拍数からリラックスの音楽を生成してくれる機能があります。 Tep http://gettep.com/ キリ
新しいものが大好きなグッドパッチで9月に話題になったアプリ、サービス、デザインまとめ（2014） | Goodpatch Blog
10月が近づき、秋の気配がいっそう濃くなってきましたね。Goodpatchのオフィスの近くでは、ほんのりキンモクセイの香りがしますよ〜！ それでは今月も、Goodpatchで共有された新しくておもしろいデザインやアプリ、Webサービスをご紹介したいと思います。 過去の月間まとめ記事→ 月間まとめ一覧 Post-it Plus http://www.post-it.com/wps/portal/3M/en_US/PostItNA/Home/Ideas/Plus-App/ 画像として取り込んだポストイットをアプリ内で整理できるアプリです。話題になりましたね。これは便利！弊社でも実際に試して、盛り上がっていました！ Yahoo!Sonomy http://sonomy.yahoo.co.jp/ 「ユーザーの興味や生活圏に合わせて未来の行動を提案するアプリ」 位置情報から、自分にオススメのお店、映
自動家計簿のMoney Forward。KPI11%アップを達成したiOSアプリの新UIデザインは、こうして作られた！ | Goodpatch Blog
Goodpatchは自動家計簿サービスMoneyFowardのiPhone版アプリリニューアルを担当しました。今回はリニューアルプロジェクトを終えて振り返りを兼ねて、Money Forwardの取締役開発本部長 都筑貴之さん、サービス開発本部マネージャー 村里健太さんのお二人にインタビューをさせて頂きました。弊社からはプロジェクトに関わった、代表の土屋尚史、UIデザイナーの貫井伸隆、ディレクターの齋藤恵太の3人が参加しました。 ―― まずはMoney Forwardの事業について教えてください。 都築 Money Forwardは、パーソナルファイナンスのサービスです。パーソナルファイナンスは「個人の資産をすべて一括で管理、活用する」というサービスで、まだ日本では新しい概念です。アメリカにMint.comというパーソナルファイナンスに特化したベンチャーがあるのですが、代表の辻とCOOの瀧が
新しいものが大好きなグッドパッチで4月に話題になったアプリ、サービス、デザインまとめ（2014） | Goodpatch Blog
だんだんと暖かい日が増えてきました。早いものであっという間に4月も今日でおしまいです。毎月恒例の今月のまとめを今日もお届けします！ 過去のまとめ: 新しいものが大好きなグッドパッチで3月に話題になったアプリ、サービス、デザインまとめ（2014） 新しいものが大好きなグッドパッチで2月に話題になったアプリ、サービス、デザインまとめ（2014） 新しいものが大好きなグッドパッチで1月に話題になったアプリ、サービス、デザインまとめ（2014） Optimizely https://www.optimizely.com/mobile A/Bテストを簡単に行えるサービスOptimizelyが、WebだけでなくiOSアプリにも対応し、ベータ版をローンチ。 Pixate http://www.pixate.com/ Pixateがコードを書かずにアプリのインタラクションデザインを作れるツールを開発してお
PinterestのデザイナーJustin Edmundに聞く、Pinterestのデザインプロセス | Goodpatch Blog
画像に特化したSNSとして大人気のPinterest。今回そのPinterestに初期の頃に入り、プロダクトデザイナーとしてシークレットボードなどのデザインを手掛けてきたJustin Edmundにインタビューさせて頂きました！Justinは日本の漫画やアニメが大好きで、漫画家を目指していた時期もあったそうです。そんな彼がデザインに興味を持ったきっかけやPinterestで働くことになった経緯などについて聞いてみました。 デザインより先にコードを学んだ ―― Justinがデザインに興味を持ったきっかけは何だったんですか？ 僕は芸術系の高校でボーカルミュージックを専攻していたんですが、周りにはアート専攻の友達が多かったんですね。みんなdeviantARTというサイトに作品をアップロードしていたんですけど、僕は自分のサイトが欲しかったし、友達にもサイトを作ってあげたかった。それでコードを勉強
ビビッドな色使いが目を引く、フラットなUIデザインのアプリまとめ | Goodpatch Blog
Feedly: Your Google Reader, Youtube, Google News, RSS News Reader 14（無料） カテゴリ: ニュース, エンターテインメント 販売元: DevHD – DevHD Inc Website RSSフィードリーダーのFeedly。メインカラーとして鮮やかな黄緑を使っており、カテゴリー部分では色を多用しています。慣れればどのカテゴリーかぱっとわかりそうで良いですね。 Infomatic Website Infomaticは自分のTwitterやFacebookの使用状況を統計で確認できるアプリ。残念ながら日本のアップルストアではダウンロード出来ませんが、青をベースとした配色が綺麗ですね。 Figure
UIデザインのアニメーションまで共有できるモック作成ツールまとめ | Goodpatch Blog
先日、Goodpatch代表の土屋がWebSig会議というイベントで講演をしました。講演は「ハートに響くUIを生み出すためのデザインプロセス」というタイトルで行われ、起業までのストーリー、GoodpatchのUI設計プロセスなどについて話しました。講演内容は↓のslideshareを参照してください。 その講演の中でGoodpatchはデザインする際にプロトタイプを作成していると話しました。以前にMEMOPATCHでもインタラクションや導線の動きを伝える上でプロトタイプ作成が重要という趣旨の記事をアップしています。 （参考: これからのUIデザインのために、デザインカンプをやめてプロトタイプを作ろう（前編）, （後編）） プロトタイプ作成というとHTML, CSS, JavaScriptで実装する方法がメジャーかと思いますが、これだとリソースをかなり割くことになってしまいます。そこで今回は
ますます高まるデザインの重要性！デザイナーが立ち上げたWebサービスまとめ | Goodpatch Blog
エンジニアが立ち上げた会社と言えば、GoogleやAmazon、Facebookなどが有名ですが、デザイナーが立ち上げた会社と聞いて皆さんはどんな会社を思い浮かべますか？その優れたデザインで話題になったPinterestやPathなどのサービスは、デザイナーが共同創業者として名を連ねており、デザイナーが会社を立ち上げることは珍しくなくなってきました。そこで今回のMEMOPATCHでは、創業者（または共同創業者）がデザイナーのWebサービスを8つ紹介します！ Pinterest https://pinterest.com/ デザイナーEvan Sharpは友人二人とサイドプロジェクトとしてPinterestを作りました。とはいえあくまでサイドプロジェクトであったため、その後Facebookでデザイナーとして働きはじめます。EvanはPinterestが気になっていたものの、当時のPinte
Dribbbleでフォローしたい、世界トップレベルのUIデザイナー14人 | Goodpatch Blog
デザイナーなら誰でもチェックしているであろうDribbble。招待制なので優秀なデザイナー以外は参加できず、常に高いクオリティが保たれています。Goodpatchでも最近Dribbbleに作品をアップしはじめました（アカウントはこちら）。 MEMOPATCHをご覧の方の中にもDribbbleをチェックしている方やこれから見てみたいと思っている方も多いはず。でもはじめたばかりの頃だと誰をフォローしたらいいのかなかなかわからないのではないでしょうか？そこで今回は、Goodpatchメンバーがいつもチェックしている世界のスーパーUIデザイナー14人を紹介します！ Louie Mantia https://dribbble.com/mantia 2008年に大学を卒業して以来、働いてきた会社はTapulous、Iconfactroy、Apple、Squareと聞けばそのすごさが伝わるのではないでし
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
