サンフランシスコのデザイン会社マップ【業種別】 デザイン会社 ビートラックス: ブログ
サンフランシスコという街の魅力の一つとして、デザイナー及びデザイン会社が多さである。デザイン思考で有名なIDEO, 初期のMacをデザインしたfrog, Beatsのヘッドフォンのデザインを手がけたammunitionなどの世界トップレベルのデザイン会社がこの街にはゴロゴロ存在する。 一般的にはTwiterやUber, Pinterestなどのスタートアップ企業の活躍が目立つが、彼らが提供するサービスは全てデザイン性が非常に高い。その理由の一つとして、優れたデザイン学校の存在をはじめとした、デザインに関する教育やイベントなどデザイナーを育てる環境の充実である。そして、この街ではテクノロジーとデザインを融合することで新しいイノベーションを創り出している。 サンフランシスコのデザインコミュニティーは非常に仲が良く、毎週の様に交流会イベントや勉強会が開かれている。我が社、btrax社のスタッフも
デザイン提案に説得力を持たせる6つのステップ（スライド付き） | ベイジの社長ブログ
Webサイトのデザインの方向性決めというのは、検討が長引いたり、スケジュールの遅れに繋がったりする要注意ポイントの一つです。弊社も例外ではありませんが、一方で、デザインに至った過程を丁寧に解説することで、スムーズに進めることは可能であるとも感じています。ここでは、デザインコンセプトを自然に理解していただくために弊社が行っている提案方法を共有しようと思います。 以下のスライドは、実際に使われたスライドです。公開用に細部は少し変えましたが、内容はほとんどそのままです。 クライアントは、株式会社マネジメントサービスセンター（以下、MSC）という企業の人事戦略や人材育成の支援を行っているB2B企業です。ターゲットは人事部や経営層などで、前段として戦略、設計が完了し、ベースとなるデザイン案を初めて提案する際に使ったものです。こちらを元に、ステップごとに細かな解説をします。（スライド中に出てくる検討プ
モーダルウィンドウを考える | Accessible & Usable
公開日 : 2015年7月6日 (2024年2月12日 更新) カテゴリー : アクセシビリティ ウェブサイトのユーザーインターフェース (UI) に、「モーダルウィンドウ」と呼ばれるものがあります。ページ遷移を伴わずに、ページ上にウィンドウをオーバーレイ表示させるもので、このウィンドウが前面で開いている間は背景側にある元ページが操作対象外になることから「モーダル」という名称が付いています。実装例としては、フォーム、アラート、画像の拡大表示 (いわゆる Lightbox 系と呼ばれるもの) などが挙げられます。 モーダルウィンドウは、あるページを開いているというコンテキストを維持しつつ付加的にコンテンツの提示ができる利点がある反面、基本的なユーザビリティやアクセシビリティが欠落しているケースが多く見受けられます。以下の観点を意識しながらデザインや実装をすることで、基本的なユーザビリティやア
シンプルの心理学 ― 心地良いデザインのために | POSTD
私たちの誰もが理解する”シンプル”という概念の正体を突き止めることは、難しそうに見えますが、実はそうでもありません。 私たちが製品やWebサイトをシンプルと感じるかどうかの背景には、”見れば分かる”ということだけではなく、単なる直観的な反応にとどまらない何かがあります。 Steve Jobs は次のように述べています。 シンプルであることは、複雑であることより難しい場合がある。物事をシンプルにするためには、思考を整理して懸命に考えなくてはならない。しかし、努力する価値はある。ひとたび達成すれば、山をも動かすことができるのだから。 シンプルにものを作ることにそんなに力があるのであれば、なぜ私たちはそうできないのでしょうか。 なぜシンプルであることは、こうも複雑なのでしょうか。 人生における多くの事柄と同じように、シンプルさには表面的に見えている以上の何かがあります。ここでは、私たちの脳が新し
ユーザーと価値観を共有するUXデザイン | keisuke tsukayoshi
最近ブランディングまわりの知見を学ぶ機会が多くて、色んな本を読んだり専門の方にアドバイスを伺ったりしているのですが、そのなかで「ユーザーと価値観を共有する」というアイデアが面白かったので記事にしてみます。 プロダクト・サービスの「価値観」 まず、そのプロダクトが実現したい世界（いわゆるビジョン）というのは事業をなす上で大事な目標になるが、どうしてその世界が素晴らしいと言えるのか？というそもそものサービスが持っている価値観がベースになっていることが必然である。例えば「《ビジョン》を実現したいんだよ、だって《価値観》だろ？」という論理でほとんどすべての意思決定がなされていく。 その価値観がベースとなり組織の行動規範に落ちていって、実際のプロダクトの施策やデベロッパーの仕事に落ちていく。 価値観はかわらない この価値観にまつわるアイデアでいちばん面白かったというのが「価値観をユーザーと握り合って
ECサイトのおもてなし力を上げる「超快適な」住所自動入力機能 | マミオン有限会社-パソコン・数学研修、法人研修
今年も、デパートや小売店にとってのハイシーズンがやってきました。 お歳暮、クリスマス、お年賀と、まさに書き入れ時なのがこの11月と12月。 最近では、こうした贈り物をネットで注文する方も多くなってきましたが、そのときに困ってしまう問題のひとつが、「宛先入力の手間」ではないでしょうか。特にお歳暮などでは、まとめて何件も送ることになるので、1から全て手入力するのは大変ですし、間違いも増えてしまいます。 そこで、ECサイトの入力フォームについていると嬉しいのが、「住所自動入力」機能です。特に文字入力が不得手なシニア層の方々にとっては、この良し悪しがサイトの印象にも影響を与えかねません。 今回は、大手ECサイトの入力フォームの中でも、特に「住所自動入力」機能について、使いやすさをランキング形式でご紹介してみたいと思います。 5位：別ウィンドウが立ち上がるパターンベルメゾン（Link） ベルメゾンは
PCサイトのデザインをスマートフォンサイトに移植しようとして苦労した話 - クックパッド開発者ブログ
クックパッド検索・編成部の須藤耕平です。 昨年の夏に担当した、PCサイトのトップページリニューアルに引き続き、今年の２月にスマートフォンサイトのトップページをリニューアルしました。 前バージョンのスマートフォンサイトは、設計時から約１年半が経過していたため、コンテンツが増えた現在では全体的にかなり煩雑になっていたこと、また、PCサイトでの成功事例をスマートフォンサイトにも取り込むことを主眼として取り組んだリニューアルでした。 本エントリーでは、今回のリニューアルにあたって、主にデザイン的な面で工夫した点、及び、それにまつわる苦労話を、具体的な事例と合わせて紹介したいと思います。 PC版をそのまま移植したらものスゴイ長いページになった 今回のケースでは前述のPCの事例が先行してあり、結果も概ね良好であったため、当初は特にコンテンツを絞らず、PC版とほぼ同内容を移植する形で進めていたのですが、
Webデザインの勉強になる！有名ブランドサイトのスタイルガイドのまとめ -Brand Style Guide Example
最近はスタイルガイドを公開しているサイトも増えてきました。有名ブランドのWebサイトのスタイルガイドやガイドラインを数多くまとめているサイトを紹介します。 なんとなく眺めるだけでもよし、もちろん実装方法やレイアウトのバリエーションなど、参考になるものばかりです。
Webデザイナーに愛を込めて。ディレクターが意識すべき７つのポイント | LPO研究所
LPO研究所所長の鎌田です。 先日、弊社デザイナーが「新人Webデザイナーにありがちな５つのコミュニケーショントラブルとその解消法」という記事を書きました。 この記事は公開2日で1万人以上もの方にお読みいただきまして、本当にありがたい限りなのですが、そのなかで 「指示を出すディレクターにも問題があるのでは？」 というご意見を同時に多数いただきました。 皆さんの仰るとおりでして、「売れるWebデザイン」というのは、デザイナーとディレクターの真剣勝負によってのみ生まれます。どちらか一方が依存している状態、考えていない状態では、ターゲットの心を掴むデザインを作ることはできません。 では、「売れるデザイン」をWebデザイナーに作ってもらうために、ディレクターは具体的にどう動けば良いのでしょうか？ 実はデザインディレクションにも、誰でもカンタンにマネできる「ちょっとしたコツ」があります。 今回は「デ
ウェブサイトで珍しい形を取り入れたサイト14こ紹介
creative memomemo Webデザインtips,Photoshoptips,クリエイティブでステキなものをまとめているブログ。 こんにちは。最近はブログメディアのデザインを作る機会が多くなってきました。井畑です。 ブログメディアはコーポレートサイトと比べ、よりデザインや装飾等で「個性」を出す場合が多くあります。どうしたらいいかなーと思って色々悩んで、「形」で個性を出すのもありかなと思い、ウェブサイトではあまり使われづらい三角形や五角形、六角形を上手く使っているサイトを調べてみました。 やはり印象に残るものが多かったです。それでは早速見てみましょう!どうぞ！ 三角形を使ったデザイン 三角形を使う場合、余白をどう活かすかが重要になってくると思います。 Snowbird Snowbird コンテンツのサムネイルが三角形です。マウスオーバーすると折り紙が広がるように画像が広がるのも面白
心に響いた！良いデザインに欠かせない大切な10の原則 -Vitsœ
ロンドンの家具ブランド「Vitsœ」のインダストリアル・デザイナー「Dieter Rams」が提唱する「良いデザインに欠かせない大切な10の原則」を紹介します。 プロダクトデザインのお話しですが、ウェブデザインにも通じるものがありますね。 ten principles for good design 10の原則の英文はそのまま、あとは原文に沿って訳してみました。 翻訳にあたっては元ページのライセンスCC 3.0に従事しています。 Good design is innovative 良いデザインは、革新的。 ものごとを革新するための可能性は、尽きることはありません。技術の進化は常に革新的なデザインのために新しいチャンスを与えます。革新的なデザインとは常に技術とともに発展するもので、デザインだけで完結するものではありません。 Good design makes a product useful
世界各国のWebデザインと日本のWebデザインの特徴
2013年10月29日 Webデザイン, 海外情報 私は今まで日本、カナダ、オーストラリア、イギリスと、4カ国での滞在経験があるためか、各国のデザインの違いについて尋ねられる事があります。しかし日本以外のすべての国は英語圏。Webデザインでいえば違いを感じたことはあまりありませんでした。そこで今回は今まで触れる機会のなかった言語圏のWebサイトを比較しました。アメリカ、フランス、サウジアラビア（中東）、中国、そして日本。それぞれのデザイン事情の違いを知って、日本のWebデザインについても考えてみたいと思います。 ↑私が10年以上利用している会計ソフト！ マクドナルド アメリカ 現在は全体的に濃い青をメインに使っていますが、これはキャンペーンによって変更されます。ナビゲーションバーやページしたのバナーエリアは基本的に固定。 例えば別のプロモーションページではこんな感じ。一番見せたいものをひと
ミニマルデザインとは？7つのヒントと事例 デザイン会社 ビートラックス: ブログ
Keep it Simple – これはAppleのデザインに対する一環したフィロソフィーである。全てをシンプルにする事。それが彼らの中心的な考え方になっている。 実は、彼らに限らずよく海外のデザイン業界では下記のフレーズが頻繁に使われる: Less is more – より少ないことは、より豊かなことEverything you need, nothing you don’t – 必要なものだけPerfection is achieved when there is nothing to take away – 完璧とはこれ以上削れない状態の事であるこれらはシンプルである事がどれだけ重要であるかを端的に表現している。 もしデザインの仕事が問題解決の為のクリエイティブなプロセスだと定義するのであれば、その方法論はシンプルである事に超した事は無い。言い換えると、最も効率的なプロセスで物質の本
WEB屋が行き詰まった時、参考にすると何かが舞い降りるかもしれないサイト色々（主にデザイン系） | バンクーバーのうぇぶ屋
※煮詰まる× → 行き詰る○ なんかおもいっっきり日本語間違って使ってました。めっちゃごめんなさい＞＜ 更新が滞るとEvernote開いて整理整頓ついでに記事を書くのが日課になってしまったセナですこんにちは。 さて、数年WEB屋やってると、自分の作るものが単調になったなと思うことがたまにあります。WEBでも紙でも制作技術を学んでいた時はいろんなサイトを見て見まくって、「どうしてこんなに見やすいんだろう。」とか、「どうしてこんなに分かりやすいんだろう。」とか。そんなことを感じては、常に目にする物から何かを吸収しようと躍起になっていたものです。 何かを見る度、知る度に確実に何かを学んでいったあの感覚は、何時になっても忘れてはならないものだと常々思います。 アイデアに詰まっていたり、物づくりへの刺激が欲しい時なんかに見ると、やる気とかが舞い降りてくるかもしれません。 Dribbble クリエイタ
僕がいっさい図面を見ないから、代官山 蔦屋書店ができた：日経ビジネスオンライン
日本製のモノが、サービスが売れない。性能はいいのに。機能も充実しているのに。壊れないのに。親切なのに。多くの日本企業が直面している、「いいモノをつくっているのに売れない」問題。 なぜ、売れない？ それは、日本製品の多くが、かっこよくないから。美しくないから。カワイくないから。気持ち良くないから。つまり、デザインがなっていないから。 どうして、デザインがなっていない？ それは、経営者がデザインのことをわかってないから。つまり、経営者が「ダサい」から。だから、デザインをマネジメントできない。 経営者がダサいと、日本企業はつぶれる。では、どうすれば、デザインをマネジメントできるのか？ どうすれば、かっこいいを、美しいを、カワイイを、気持ちいいを、商品化できるのか？ どうすれば、ダサい経営から、デザインできる経営に転換できるのか？ ifs未来研究所所長の川島蓉子が、時代を切り開く現役経営者やデザイ
感覚派デザイナーも知っておいて損はない「デザインの要素と原則」 | WebNAUT
「あなたは感覚派デザイナー？それとも理論派デザイナー？」 このような質問をされると、理論派デザイナーだと答えたくなる理系出身デザイナーのタカハマです、こんにちは。 今回は、そんな理屈っぽい私の大好物である「デザインの要素と原則」をご紹介したいと思います。理論派デザイナーの方はもちろん、感覚派デザイナーの方も知っておいて損はないですよ！ 「デザインの要素と原則」はビジュアルデザイン全般に活用できる Webデザインに限らず、ビジュアルデザインの基礎を学ぶ上で、大変参考になる「デザインの原則」というものがあります。いわゆる「Design elements and principles（デザインの要素と原則）」や「Gestalt principles（ゲシュタルト原則）と言われる原則で、デザインの構成要素や要素同士の関係性が全体に与える影響をまとめたものになります。 調べてみると識者によって分類や
サービスデザイン―無形をデザインする - UXploration
サービスデザインを最近勉強しています。 サービスデザインは「インタンジブル（無形）のデザイン」とも置き換えることができます。特徴は、サービスとユーザ間のタッチポイントを形成するステークホルダーや利用文脈をデザインすることに焦点をあてていることです。 つまり、エンド・ユーザ観点で語らてきたエクスペリエンス・デザインの文脈にエンタープライズ（企業や事業が提供するサービス）の観点が加わりました。今年春に日本で初めてのサービスデザインをテーマとするカンファレンス Serivce Design Japan Conference 2013 が開催され、当イベントの基調講演にて Service Design Network の発起人である Birgit Mager 氏は言いました。 Service Design aims to ensure service interfaces are useful,
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
KURESOKU - 話しのネタに使えるニュースを毎日お届け！
新着記事
壁紙多数フリー