Goodpatchのエンジニアが持つデザインの観点とは？ Goodpatch Engineer Meetup Vol.5｜Goodpatch Blog グッドパッチブログ
イベントレポート Goodpatchのエンジニアが持つデザインの観点とは？ Goodpatch Engineer Meetup Vol.5 こんにちは！Goodpatchでは2019年12月10日（火）に第5回目となるエンジニアのためのミートアップ「Goodpatch Engineer Meetup Vol.5」を開催しました。 GoodpatchはUI/UXに強みを持ったデザイン会社ですが、今回のイベントではGoodpatchで働くエンジニアだからこそ持ち合わせている、インターフェイスデザインの観点やカイゼン事例、ペアデザインがもたらす価値についてなどのナレッジをご紹介しました。 今回は登壇された方々の発表内容を元に、イベントの様子をお届けします！ 「インターフェイスデザインとの向き合い方」丸怜里 はじめに、弊社の元iOSデベロッパーで、現在はソフトウェアデザイナーを務める丸怜里（@us
ユーザーの行動をデザインする前に「リグレット・テスト」のすすめ｜Goodpatch Blog グッドパッチブログ
本記事は、ベストセラー Hooked（日本語版）の著者、ニール・イヤール氏のブログ記事を著者及び記事掲載元から許可を得て、翻訳及び掲載しています。デザインが強力であればあるほど、ユーザーはそのデザインに従った行動を取ります。でも、ユーザーが本当は望んでいなかった行動に導いてしまうことは、倫理的に正しいのだろうか？それは本当に優れたデザインなのだろうか？そんな問いに対し、ニール氏はその名も「リグレット・テスト（後悔テスト）」というアイディアを提案しています。 デザイン、及びデザイナーとしての倫理観について考えたことのある方は是非お読みください。 元記事：Want to Design User Behavior? Pass the ‘Regret Test’ First Nir Eyal, January 2018 （文中リンクは原文ママ） リグレット・テストのすすめ – ユーザーの行動をデザ
GoodpatchのUIデザイナーがおすすめ UIデザインを理解するためのブックリスト【2021増補版】｜Goodpatch Blog グッドパッチブログ
今回は、GoodpatchのUIデザイナーにヒアリングし、UIデザインを理解するためのおすすめ本をまとめました。 次のような人に特におすすめです。 UIデザイナーになったばかりの人 もっとUIデザインについて勉強したい人 サービス、アプリ開発に携わるエンジニア・ディレクターの人 目的別に6つのカテゴリに分けてご紹介します。あなたの関心に沿ったトピックから、 気になる本を見つけていただけると嬉しいです。 1. UIデザインを基礎から理解する ユーザーインターフェース（UI）とは何なのか、どんなデザイン要素があるのか、UIが機能する環境とは？、どうやって作ってリリースするのか…UIデザインを始めるために、まずは基礎知識を網羅しましょう。 ■ はじめてのUIデザイン 改訂版 この本は、著者の1人である吉竹遼さんが「UIデザインを体系的に学ぶための本が少ない」という課題感から企画されました。そのた
ノンデザイナーのビジネス職におすすめ！デザインを勉強できる本6選｜Goodpatch Blog グッドパッチブログ
一方で、グラフィックデザイナーやファッションデザイナーなど、時にはアート的な表現を含む、ビジュアルデザインをメインとするデザイナーも、世の中には多く存在します。 デザインには、「設計」と「装飾」という得て非なる二面があるようです。もう少し、深く勉強してみたくなりませんか？ そこで、社内のUIデザイナー、UXデザイナーに「デザインを理解するためのおすすめ本、教えてください！」と聞いてみました。 ビジネス職でキャリアをスタートさせたばかりの人や、デザイナー以外の職種の人が、「デザインとは何か」を勉強したい時に役立つ本をご紹介します。 初心者でも読みやすいものをピックアップしてみたので、参考にしてみてください。 おすすめ本、教えます 1. ノンデザイナーズ・デザインブック ノンデザイナーズ・デザインブック インタビューを開始して、デザイナーとエンジニアの両方から薦められたのがこの本です。 「基本
雑誌のように美しいレイアウトを生み出すために、Flipboardが開発したレイアウトエンジン | Goodpatch Blog
はじまり 2010年、私たちはFlipboard Pagesという、Webの記事をiPad向けにマガジンページにするというレイアウトエンジンを作りました。 Flipboard Pagesは、Vanity FairやNational Geographicと言った世界一流の出版社のコンテンツをページ割します。 Pagesは、それぞれの出版社のブランドアイデンティティとカスタムタイポグラフィーを再現する美しいレイアウトを生み出すことが出来ます。限定されたモバイルデバイス（例えばiOS 3.2のオリジナルiPad）でも充実かつ高いパフォーマンスでレンダリングするために、PagesはCSS3、SVG、そしてvanilla JavaScriptを使いました。出版社のレイアウトのためのダウンロードファイルサイズは平均すると、およそレイアウト、スタイリング、フォント、ネームプレートイメージなどで90キロバ
ブレインパッド社インタビュー：Rtoaster UI改善プロジェクト秘話 | Goodpatch Blog
Goodpatchは、2012年12月より、ブレインパッド社のRtoasterという「Webプラットフォーム／レコメンデーションエンジン」のUI設計、デザイン制作、フロントエンド開発に携わっています。このたびリニューアルが完了したこともあり、プロジェクト中のワークフローやユーザーインタビュー、使用したフレームワークなどについて、当時を振り返りながらお話を伺わせていただきました。 今回インタビューを受けてくださった会社 株式会社ブレインパッド ブレインパッド社は、2004年の創業以来「ビッグデータ」という言葉が世の中に広まる前から、大量データの分析を通じてクライアント企業の意思決定支援に取り組んでいます。現在、金融・小売・メーカー・サービスをはじめとする多数のクライアント企業に対し、データ分析およびその関連サービスのパイオニア企業として、分析業務支援からデータ活用のためのソリューション提供ま
Goodpatchのデザイナーが仕事で使っているデスクトップアプリ・Webサービス・手書きツールまとめ | Goodpatch Blog
みなさんはお仕事をされているときに、どのようなツールを用いて作業をしているでしょうか。 何かいいものがないかと探している方、まず何を使ったらいいのかわからないという方など、様々な方がいるかと思います。 先日Goodpatchのメンバーページ(⇒ABOUT)ができたので、今回は、Goodpatchのデザイナーに仕事でどのようなツールやアプリを使っているのか、またなぜ使っているかという理由を聞いてみました。 これらがみなさんの参考になれば嬉しいです！ UIデザイナー(小林幸弘さん) コバさんは、新しいツールやサービスが出たときにはとりあえず新規登録してみて、インタラクションであったり、見た目であったりを確認するようにしているそうです。その中でUIが細かいところまで考えられているものや、個人的に好きな見た目だったら使い続けるのだとか。 4コマノート、Notepod アプリ、スマートフォンサイトの
有名Webサービスのデザインから考える、上手な料金プランの見せ方 | Goodpatch Blog
複数の料金プランを持つWebサービスを利用する際、皆さんはどういう基準でプランを選びますか？私は自分に必要な機能は何なのか、料金に見合った内容かどうか、他のプランと比較してお得なのはどれなのか等を考えながら検討していきます。そのために一目でそれぞれのプラン内容がわかったり、各プランを簡単に比較できるデザインだと決めやすいのですが、自分にぴったりのプランがすぐにわからないと結局どれも申し込まない、なんてことも。そこで今回は複数のプランを持つWebサービスの料金表を見ながら、どんなデザインをしてユーザーに魅力を伝えているのかチェックしてみたいと思います！ SQUARESPACE http://www.squarespace.com/pricing/ プランを3つ用意しているSQUARESPACEは、おすすめの$16のプランを人気のプランとして画面の真ん中にくるように配置しています。緑背景の”M
新しいものが大好きなグッドパッチで5月に話題になったアプリ、サービス、デザインまとめ | Goodpatch Blog
5月も終わりに近づいてきました。今月もGoodpatch社内で共有された新しくておもしろいデザインやアプリ、Webサービスをご紹介します！今月は社内でSketch.appを始めとする様々なWeb制作ツールが共有されました。まだローンチされてないものもありますが、今後よく使うツールになるかもしれないものもあるかもしれないので要チェックです！ 先月の同様のまとめ→ 「新しいものが大好きなグッドパッチで4月に話題になったアプリ、サービス、デザインまとめ」 Web制作ツール BRIEFS http://giveabrief.com/ プロトタイプが作成できるアプリです。iPhoneやiPadのデバイスで検証することが可能です。ちなみにこのアプリは最近リリースされ、Goodpatchが一番最初に購入したみたいです。 Sketch iOS Mirroring http://bohemiancoding
CSS3を上手く使った気持ちのいいUIパーツまとめ8つ | Goodpatch Blog
以前日本人初のDribbberである貫井さんにお話を伺った際に、貫井さんはデザインをする上で「気持ちいい」ということを大切にしていると話していました。UIが良いとされるAppleのWebサイトのボタンなどは細部まで美しく、触った時に「気持ちいいな」と感じます。 そこで今回はWeb用のコードスニペットの配布サイトCODEPENから、CSS3で書かれた「気持ちいい」と感じるUIパーツを集めてみました！ http://codepen.io/minustalent/pen/GzuCa ゴムでできたようなボタンです。押すともにゅってへこみます。 http://codepen.io/Dyki01/pen/BeKyp でっぱっている文字をマウスオンすると文字がスッと引っ込みます。 http://codepen.io/diegopardo/pen/dGlfC これはボタンでなくただのテキストなのですが、L
参考にしたい！固定ヘッダーが美しいWebサイト11個まとめ | Goodpatch Blog
こんにちは、だいきです。 前回MEMOPATCHで書いた【2013年度版】今年流行る！7つのUIデザイントレンドまとめ では取り上げませんでしたが、2013年のWebトレンドの一つに「固定ヘッダー」が上げられているブログをいくつか見かけました。 固定ヘッダーが2013年のトレンドになる理由として、海外のブログで下記のような意見があります。 固定ヘッダーのメリットとして、 そのページを見終わった後、別ページに行きたい時、先頭までスクロールする必要がないことがあげられる。 私たちはユーザーがスクロールしたり、検索する手間を省き、いつでも関連情報に簡単にアクセスしてもらう必要があります。 このような固定ヘッダーを準備することでUX向上にもつながります。 Fixed Headers – 2013 Web Trend – Karma https://yourkarma.com/ Wi-Fiルーター販
2013年度 今年流行する！7つのUI、Webデザイント レンドまとめ | Goodpatch Blog
こんにちは、だいきです。 2013年になってからもう二週間以上過ぎてしまいました。 新年になって海外の多くのブログで「2013年のWebデザインのトレンド！」 のような記事が出ていたので、UIデザイン会社であるGoodpatchのブログでは 「2013年に流行るであろうUIデザインのトレンドまとめ」をしてみたいと思います！ 1. アニメーション (参照: The Good Man http://thegoodman.cc/ ) このサイト「The Good Man」はブラジルのデザイナーさんが学校の卒業制作として作ったサイトだそうです。 一切画像を使わずHTMLとcss3で作られたのにも関わらず、一つのムービーを見ているかのようです！ このようなアニメーションがWebサイトで使われることで、コンテンツやサービスをよりユーザーに理解してもらえたり、Webサイトにおもしろい効果をつけられそうで
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
