MEMOPATCH

Goodpatchのデザイナー&ディレクターが愛用しているアナログツール

t_nu

MEMOPATCHでは以前にGoodpatchのデザイナーやディレクターが愛用しているアプリやサービスを紹介しました。

Goodpatchのデザイナーが仕事で使っているデスクトップアプリ・Webサービスまとめ
Goodpatchのディレクターが実際に仕事で使っているデスクトップアプリ・Webサービスまとめ

社内では日々様々なツールやアプリが共有されていますが、ペンやノートなどの文房具はあまり共有されていなかったので試しに聞いてみたところ、それぞれお気に入りのツールがたくさんありました。ということで今回は弊社デザイナーやディレクターが愛用しているペンやノートなどのアナログツールについて紹介します!

  • このエントリーをはてなブックマークに追加

有名Webサービスのこだわりがわかる、ブランドガイドラインまとめ

br_fo

皆さんはブランドガイドラインを見たことはありますか?あまり馴染みがないかもしれませんが、ブランドに一貫性を持たせるために作られる企業のロゴやビジュアルなどに関するガイドラインのことで、スタイルガイドと呼ばれることもあります。社内だけでなく社外に向けて公開されている場合も多く、調べてみると有名なWebサービスでは用意しているところがほとんどでした。そこで今回は各サービスのブランドガイドラインをまとめて紹介します!

  • このエントリーをはてなブックマークに追加

LiveChatから学ぶ、通知機能のデザインの重要性

no_memo

LiveChatはサイト上で運営者と訪問者が直接コミュニケーションを取れるチャットツールです。Webサービスの料金プランに迷っているときや、ちょっとした疑問があったときなど、わざわざ電話やメールをするのは面倒ですが、チャットですぐに答えが返ってくるのなら問い合わせてみる気になりませんか?サイト運営者はLiveChatを設置することによって潜在的な顧客を逃すリスクを減らすことが出来るので、スタートアップなどで設置するサイトが増えてきました。

LiveChatのユーザーは仕事中いつでも訪問者からメッセージを受け取る可能性がありますが、常に見張っているわけにはいきませんよね。けれど訪問者はすぐに返事が来ることを期待しているはずなので、運営者がきちんと気付けるような通知機能が用意されていることは非常に重要です。そこで今回、LiveChatがどんなことに気を付けながら通知機能をデザインしているのか“Usability of notifications”というタイトルでブログにまとめていたので今回MEMOPATCHで翻訳して紹介します!

  • このエントリーをはてなブックマークに追加

ますます高まるデザインの重要性!デザイナーが立ち上げたWebサービスまとめ

airbnb

エンジニアが立ち上げた会社と言えば、GoogleやAmazon、Facebookなどが有名ですが、デザイナーが立ち上げた会社と聞いて皆さんはどんな会社を思い浮かべますか?その優れたデザインで話題になったPinterestやPathなどのサービスは、デザイナーが共同創業者として名を連ねており、デザイナーが会社を立ち上げることは珍しくなくなってきました。そこで今回のMEMOPATCHでは、創業者(または共同創業者)がデザイナーのWebサービスを8つ紹介します!

  • このエントリーをはてなブックマークに追加

新しいものが大好きなグッドパッチで6月に話題になったアプリ、サービス、デザインまとめ

THUMBNAIL

6月も終わりに近づいてきました。今月もGoodpatch社内で共有された新しくておもしろいデザインやアプリ、Webサービスをご紹介します!今月はiOS 7が発表されて大きな話題となりましたね。弊社でもベータ版をインストールし、いち早くAppleのフラットデザインを研究しています。ほかにもVineに対抗してか、Instagramでも動画が撮れるようになりました。
今月もおもしろいWebサイトやアプリが沢山共有されたのでぜひチェックしてみてください!

5月のまとめ→ 「新しいものが大好きなグッドパッチで5月に話題になったアプリ、サービス、デザインまとめ
4月のまとめ→ 「新しいものが大好きなグッドパッチで4月に話題になったアプリ、サービス、デザインまとめ

  • このエントリーをはてなブックマークに追加

有名Webサービスのデザインから考える、上手な料金プランの見せ方

dropify

複数の料金プランを持つWebサービスを利用する際、皆さんはどういう基準でプランを選びますか?私は自分に必要な機能は何なのか、料金に見合った内容かどうか、他のプランと比較してお得なのはどれなのか等を考えながら検討していきます。そのために一目でそれぞれのプラン内容がわかったり、各プランを簡単に比較できるデザインだと決めやすいのですが、自分にぴったりのプランがすぐにわからないと結局どれも申し込まない、なんてことも。そこで今回は複数のプランを持つWebサービスの料金表を見ながら、どんなデザインをしてユーザーに魅力を伝えているのかチェックしてみたいと思います!

  • このエントリーをはてなブックマークに追加

WWDC 2013のアプリから考える、iOS 7のユーザーインターフェース

wwdc_logo

チケットが過去最速2分で売り切れたというWWDC 2013は、いよいよ来週6月11日午前2時頃(日本時間)から基調講演が行われます。WWDCで恐らく発表されるであろうiOS7のUIデザインは、これまでと違ったフラットなデザインになるのではないかとの噂が飛び交い、多くのデザイナーがiOS 7のデザイン予想を作っています。そしてあと1週間を切ったところでAppleはiOSアプリ「WWDC」をリリースしました。果たしてiOS 7のユーザーインターフェースは一体どんなものになるのか、過去のWWDCのアプリやデザイナーの予想イメージなどを見ながら考えてみましょう。

  • このエントリーをはてなブックマークに追加

膨大なコンテンツを美しく、レスポンシブで見せているWebサイトまとめ

hcthumbnail

ニュースサイトやイメージギャラリー、ブログなどの情報量やコンテンツが多いWebサイトをデザインするのは大変ではないでしょうか。日々、情報の更新があるようなWebサイトはコンテンツを整理し、かつ見やすいようにレイアウトしなければなりません。そこで今回は「25 Beautiful Content Heavy Websites」で紹介されていた中から “膨大なコンテンツを美しく、さらにレスポンシブで見せているWebサイト” をいくつかピックアップしてまとめてみました!

  • このエントリーをはてなブックマークに追加

パララックスを使ったストーリー性のあるWebサイトまとめ

sp_thumbnail

昨年度からWebサイトに取り入れられ始めたパララックス効果、現在でも取り入れられているWebサイトをよく見ます。実際にパララックスが取り入れられているWebサイトを実際に触って興味を持ったり、作成された方もいるのではないでしょうか。参考にできるパララックスを使ったサイトはたくさんありますが、今回はパララックス効果を上手く取り入れ、ストーリーを印象的に伝えているサイトをまとめてみました!
(参考: 15 Awesome Websites That Tell a Story As You Scroll

  • このエントリーをはてなブックマークに追加

Dribbbleにあがっている、クオリティの高いフラットなアイコンまとめ!

flat_icons_thumb

MEMOPATCHでは過去に「2013年のトレンド、フラットデザインを使うメリット+参考にしたいデザインまとめ」などでフラットデザインについての記事を書きました。現在ではフラットなWebサイトやアイコン、素材配布などが多く見受けられます。そこで今回はDribbbleにあるフラットなアイコンデザインを集めてみました。どれもクオリティが高くフラットデザインを作る時の参考になりそうです!

  • このエントリーをはてなブックマークに追加