ビザスク良いサービスで好きなので、C向けサービスのインターフェース改善したい。あとユーザーインタビュー用途での募集がもう少しやりやすくなると使う頻度が増えそう。 — 坪田 朋 / dely (@tsubotax) March 7, 2019 このツイートをきっかけに、ビザスク社からご連絡があったそう。 なかなかあざといですね...？ なぜこのお仕事を本格的にお受けすることになったのか、坪田さんにコメントをいただきました。 普段から新規事業やリニューアル時の市場調査でビザスクを活用させていただいてるのでお手伝いできて非常に嬉しいです！本質的な課題発見は事業成功のため最も重要なプロセスでBasecamp社でも必ずインタビューを実施してユーザー体験の設計をしてます。エキスパートインタビューやユーザーインタビューがビザスクでもっと身近になればと思います。 デザインチームづくりこのプロジェクトの珍し

今日は先日勝手にリデザインしたPolipoliのデザインを使って、UIデザインを行う時に僕が普段どのように色を選択しているのかをとても正直に書いていこうと思います。僕がこれから記す方法に則って色を選べば、誰でもナウでヤングなアプリを作ることができます。 はじめるよ レイアウトに関してはイニシエよりご先祖様がお築きになられたルールに則って並べればオワ、オワリです。さっそくこのPolipoliベッチュー、タタキケンサキエディションに色をつけていきます。 1. メインカラーを選ぼうまずはじめにメインとなるカラーを決めます。Polipoliのテーマカラーはピンクなのでブラウザの検索欄に「pink flat ui design」と打ち込みます。イメージに近い色が出てきたらスポイトで吸い取りましょう。著作権にはくれぐれも注意してください責任は負いません。 Polipoliに関しては最初からメインカラー

Webサイトやスマホアプリをデザインする際に、カラー・タイポグラフィ・レイアウトなどはどのようにすればうまくいくのか、ユーザーインターフェイスのデザインが一手間加えるだけでよくなるデザインの知識とテクニックを紹介します。 10 cheat codes for designing User Interfaces 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 1. テキストは重要、より大きく！ 2. 複数のブラックを作成しない 3. カラーを理解するためには数学が大切 4. 空白スペースを活用してグループ分け 5. カラーを使用して行を区切る 6. ドロップシャドウの代わりに乗算を使う 7. 一行の長さ 8. 新しいデザインに執着しない 9. ブランドカラーをアクセントとして使用する 10. リストにおけるビュレットのデザイン 1

※過去ブログからの移転 最近、デザイナーに求められるスキルが多くて何を学べば良いかわからなくなってきた。と言う声を聞くようになってきた。 流行りの記事のいくつかに目を通すと、デザイナーは「経営者と対等に話せるコミュニケーション能力、ビジネスセンスを保有していて、イケてるグラフィックを作り、コードまでかけないといけない」らしい。 スキルを多く保有している方が望ましいのは間違いない。 ただ、現場デザイナーに最も大事なのは実装面での考慮事項が網羅されて考え込まれた「決定力のあるデザイン」を作る力だと思う。 サッカーで言うと、決定力は「得点を決める能力」として使われているけど、UIデザインにおいては「実装面まで考慮された実装可能なデザインであるか」という言葉として使っている。 魅せるデザインとフィージビリティが考慮されているデザインでは、内容がかなり異なってくるので、現場デザイナーとしては特にこの

Laravel.io is a forum and community portal for developers who use the Laravel PHP framework. They recently launched a brand new version of the site, but being a volunteer-driven open source project, finding the resources to put together a really polished design can be tough. We asked and got the go ahead to try our hands at a bit of a facelift, so let’s see what we can do to take the UI up a notch

ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog ヤフオク!アプリ開発部の中島(@52shinNaka)です。今日はデザイナーの立場からサービスの体感速度をテーマに記事を書いていきます。 サクサク感の正体 サクサク動くサービスと聞いて、どんなサービスを思いつくでしょうか？サクサク動くを分解すると下の２要素に分かれると思います。 表示速度は、純粋にコンテンツが表示されるまでの時間、体感速度は、実際にプロダクトを触って感じられた時間の長さです。触っていて「サクサク動く！」と感じられるサービスは、上の２つの要素が満たされていることが多いです。 表示速度はサービス利益に直結する デザイナーが日々の作業の中で表示速度を意識するタイミングは少ないかもしれません。しかしグロースステージにある多

Cookie consentWe use our own and third-party cookies to show you more relevant content based on your browsing and navigation history. Please accept or manage your cookie settings below. Here's our cookie policy

1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。 2013年度新卒入社、AmebaのSimplogでWEBデザイナーをしているリュウタロウと申します。 以前新卒デザイナー同士の勉強会がありまして、そこでの私の発表内容がすごく好評でした。 以降より多くの人に向けて発信したいと考え、この場をお借りして記事を執筆させて頂く事になりました。 これから綴るのは、デザインの細かいテクニックやハウツーではありません。 様々なジャンルのクリエイティブに通じる、基本的なモノの見方、考え方の話です。 「ワタシ、デザインワカラナイワ」 というビジネスパーソンも、普段やっている仕事や趣味とリンクさせながら理

デザイナーなら誰でもチェックしているであろうDribbble。招待制なので優秀なデザイナー以外は参加できず、常に高いクオリティが保たれています。Goodpatchでも最近Dribbbleに作品をアップしはじめました（アカウントはこちら）。 MEMOPATCHをご覧の方の中にもDribbbleをチェックしている方やこれから見てみたいと思っている方も多いはず。でもはじめたばかりの頃だと誰をフォローしたらいいのかなかなかわからないのではないでしょうか？そこで今回は、Goodpatchメンバーがいつもチェックしている世界のスーパーUIデザイナー14人を紹介します！ Louie Mantia https://dribbble.com/mantia 2008年に大学を卒業して以来、働いてきた会社はTapulous、Iconfactroy、Apple、Squareと聞けばそのすごさが伝わるのではないでし

ユーザーインタフェース（UI）をテーマにしたイベント「Android Usability Seminar 2012」（主催、日経BP ITpro Android Application Award 2012事務局）が2012年1月28日、都内で開催された。Suica改札機を手がけた山中俊治氏、携帯電話やiPhoneの日本語入力システムを開発した増井俊之氏、医療など様々な領域で「デザイン思考（Design Thinking）」に基づくプロジェクトに関わっている奥出直人氏ら著名な講師が、実プロジェクトに基づきUIの本質的な問題についての議論を展開した。 ユーザビリティ調査が作るUI、Appleの常識外れなデザイン 山中俊治氏 山中俊治氏はLEADING EDGE DESIGN代表として様々なプロダクトデザインにかかわるとともに、慶應義塾大学大学院で教授として教鞭もとっている。東京大学工学部の在

2013年3月23日 Webデザイン, インスピレーション ミニマルデザインを考えるときによく使われる言葉「Less is more（少ない事は効果的だ）」。装飾が多すぎるとどれも目立たなくなる、無駄を削ぎ落した方がより美しく効果的であるという考えです。これに対し「Less is bore（少ない事は退屈だ）」という皮肉な言葉もあったりします。美しいミニマルデザインと退屈な間抜けデザインは紙一重。その違いを考えてみましょう。 ↑私が10年以上利用している会計ソフト！ ミニマルデザインとは そもそもミニマルデザインとはなんなんでしょう？Wikipediaを見ると ミニマル・デザイン（Minimal Design）は、あまり使用しない機能のせいでシステムが肥大化することを避け、必要最小限の機能に絞って設計することをいう。 とあります。冒頭でも書いたとおり、要素が多すぎると結局なにが主張したいの

iOS 5のリリースやiCloudの開始、iPhone 4Sの発売と、ここ最近のAppleのプロダクトが一通り出そろった感じですね。 3GSを使っていて常々もっさりしていたので、早速iPhone 4Sに乗り換えたところ、画面の中をスケートをしているかのようにスイスイ動いてくれてとても快適です。 2年前に3GSを使っていたときは、なんて速いんだろうと思っていたわけですが…慣れとは恐ろしいものです。 さて本題ですが、ここ数日使っていた中で気付いた、細かすぎるデザイン変更点があったので前回のLionと同じようにまとめてみました。 細かすぎるデザイン変更点第2弾、今回も目を凝らしてどうぞ。 1.アイコンバッジ iOS 4のアイコンバッジのシャドウは濃いめのブラックで強めのシャドウになっていましたが、iOS 5ではグレーっぽく明るくなっています。 全体的に比較してみると、iOS 4のシャドウは浮いて

代表作として知られるのは「Dの食卓」。日経トレンディネットで2011年8月29日に掲載した、飯野氏へのインタビュー記事を再掲載します。 ご冥福をお祈りします。　　　　　　　　　　　　　　日経トレンディネット編集部 「KY（カカクヤスク）」「夏ヤスコ」…西友のコミュニケーション戦略を指揮するマーケティング本部長・富永朋信氏がヒット・ブームの理由をひも解く本連載「売れる理由は必ずある！」。　前回の「『アップル製品はなぜ“気持ちいい”？』－認知科学で考える」の反響が大きかったことから、今回は特別編として、「Dの食卓」「エネミー・ゼロ」といったヒットゲームを手がけ、ユーザーインターフェイス（UI）に詳しい飯野賢治氏を迎え、“アップル（ジョブズ）のすごさ”をテーマにした対談をお送りする。 “イノベーション＝生活が変わる” 富永朋信氏（以下、富永）：アップルのすごさやユーザーインターフェース（UI）の

みなさん、こんにちは。西友の富永です。 今回は毛色を変え、「使いやすい／使いにくい」「わかりやすい／わかりにくい」とはいったいどういうことなのか、といったことを考えてみたいと思います。 まずはじめに、少し突飛な例ですが、以下のようなガスレンジを想像してみてください。 このガスレンジは、上から見ると手前に2つ、奥に1つバーナーがあります。手前の右側がハイカロリー、左側が揚げ物、奥は通常のバーナーです。 また、正面から見ると、一番左側に魚を焼くグリルがあり、その横、一列になってバーナーとグリルをコントロールするための、4つの点火・火力調整用つまみがついています。順番は右から、グリル、ハイカロリー、通常、揚げ物用です。つまみの下には、それぞれ「ハイカロリーバーナー」「グリル」といった表示があります。しかし、通常このガスレンジを利用するときの姿勢、つまり上からレンジを見下ろす姿勢では、この表示は見

ドットインストール代表のライフハックブログ

2011年 UI/UX トレンドという記事で、モバイルWebデザインのノウハウがデスクトップにも影響し始めているという指摘をしました。Mac OSX Lion や Windows 8 のような OS だけでなく、Web サイトにも変化が見られています。スクリーンの大きさを活用してモバイル環境では再現が難しいダイナミックで動きが多いレイアウトも出て来ている一方、モバイルアプリの血を受け継いだかのような目的にフォーカスしやすく、目的までのステップと選択肢が少ない Web サイト / アプリケーションも次々と出て来ています。 今後デスクトップOS がモバイルOSのようになり、利用者がシンプルな操作と体験を求めやすい環境になれば、Web サイトも次第にシンプルになる可能性がありますし、そうしなければならない状況も出てくるでしょう。デバイスが変わっても同じような体験を作ることが必要になれば、デスクト

2011年の1月。まだ年が始まったばかりでしたが、今年の Web デザイントレンドという記事が発表されたりしていました。その後、数々のトレンド記事が国内外で数多く紹介されていますが、ルック＆フィールに関する話題、又は技術的な側面から見た話題が多くを占めています。こうしたトレンドを知ることは重要ですが、トレンドの全体像として捉えるには多少偏っていると思います。そこで今記事では、UI / UX デザインの側面からみた 2011 年のトレンドを幾つか紹介していきます。 この記事で挙げる幾つかのトレンドが現れるキッカケを作ったのは、テクノロジーと Web が今まで以上に強い連携が可能になったからです。デスクトップ（又はオフライン）アプリケーションと同等の能力を Web で実現出来るようになったことで、UI デザインの考え方も大きくシフトしました。Ajax が大きな注目を浴びた 2005 年頃も同じ

Goodbye After 13 years of service, Paper.li sunset on 20 April 2023

私は美しいアプリが好きです。 毎日使うものだから、気持ちよく使いたい。デザインがアプリ選びのかなりの部分を占めていると言っても過言ではありません。 美しいiPhoneのホーム画面を美しいアプリで埋め尽くしたい方へ、私のオススメアプリたちをご紹介いたします。 Sleipnir Mobile "Sleipnir Mobile"は洗練されたUIが特徴のブラウザアプリ。UIもデザインの一部ですよね。たくさんのタブをうまく処理するための機能が盛り込まれているのですが、その配置の仕方が非常にスマート。 タブを切り替えるにはスワイプで。複数のタブたちをグループ分けして保存しておけるタブグループの表示も落ち着いたカラーリングで仕分けされていてしっくりきます。 "Sleipnir Mobile"を開発しているフェンリルさんが運営しているアプリ紹介サイトも非常にセンスがよくて素敵です。 Elegant App