Webサイトのデザインの方向性決めというのは、検討が長引いたり、スケジュールの遅れに繋がったりする要注意ポイントの一つです。弊社も例外ではありませんが、一方で、デザインに至った過程を丁寧に解説することで、スムーズに進めることは可能であるとも感じています。ここでは、デザインコンセプトを自然に理解していただくために弊社が行っている提案方法を共有しようと思います。 以下のスライドは、実際に使われたスライドです。公開用に細部は少し変えましたが、内容はほとんどそのままです。 クライアントは、株式会社マネジメントサービスセンター（以下、MSC）という企業の人事戦略や人材育成の支援を行っているB2B企業です。ターゲットは人事部や経営層などで、前段として戦略、設計が完了し、ベースとなるデザイン案を初めて提案する際に使ったものです。こちらを元に、ステップごとに細かな解説をします。（スライド中に出てくる検討プ
「デザイン食品」そんな言葉なんて存在していないのですが、すでにそういう動きは始まっている気がしています。ここ数年を見ていると少しずつ形になって現れ始めたデザイナーの「食品」への参加について。それは過去にもあったのですがここ数年のデザインと食との関わりが新しいステージに進んだような気がして楽しみに眺めています。デザインの副業で飲食業をやるというのではなく、和洋菓子やパンなどのカテゴリーで新しい動きが目立ってきています。デザイナーの食品へのアプローチは単に仕事として商品のパッケージや広告に関わるだけでなく、その経営や商品の企画、販路の拡大にまで様々な関わり方が始まっています。 Aタイプ 「デザイナーが経営という視点から和菓子メーカーをプロデュース」 デザイン事務所が経営、食品の製造はOEM、販売店舗は自社運営。 例：SIMPLICITYの運営するHIGASHIYA 和菓子という普遍的な商材を現
「シングルページ」と呼ばれる、1ページで完結しているWebページを見かけることが多くなりました。シングルページの概要と、CSSフレームワークを使った実際のシングルページの作成を通して、シングルページのデザインの考え方や作成方法の知識を身につけられる連載をお届けします。解説はデザイナーの石嶋未来氏にお願いしました。（編集部） シングルページとは、1ページで完結しているWebページのことです。最近よく見かけるようになりましたね。シングルページのみを集めたギャラリーサイトなどもあり、Web制作に携わっている方であれば一度は目にしたことがあると思います。 シングルページで作られたサイト。左から、モバイルセキュリティソフトウェアのLookout, Inc,（https://www.lookout.com/）、「重陽」ブランドの包丁を製造販売している堺菊守 河村刃物株式会社（http://chouyo
敏腕クリエイターやビジネスパーソンに学ぶ仕事術「HOW I WORK」シリーズ第70回。 Huffington Postの編集長を務めるジミー・ソニ（Jimmy Soni）氏に続く今回は、『Design for Hackers』の著者でありデザイナーでもあるデビッド・カダヴィ氏（David Kadavy）にインタビュー。 デザイナーのカダヴィ氏は、今では作家に転向し、生産性、旅行、デザインについて執筆しています。著書の『Design for Hackers』は、優れたデザインと優れたエンジニアリングの融合が、デベロッパーやメーカーにとっていかに必要であるかを説くとともに、そのための原則を紹介しています。カダヴィ氏自身、しっかりとライフデザインをして生産的な人生を送っているので、ライフハッカーでも何度となく彼の言葉を引用してきました。そんなカダヴィ氏の気になる仕事術について聞いてきました。
顧客や上司、ユーザーの場当たりな要望に対応しつづけると、どんなアプリもゴミアプリになる。たとえそれが理にかなった要望であっても。 なぜなら面積の限られたスマホでは「一画面の機能数とボタン数」が、使い易さと品質に深くリンクしているからです。 ということを、エラい人にプレゼンするのがお仕事の今日この頃。でも毎回毎回、同じことを説明するのがシンドイので資料をブログにまとめたいなぁと思うなど。 思考実験として、ここでは架空事例としてTwitterアプリを例に考えてみる。 何かの間違いで、日本の大手メーカーがTwitterを買収すると・・・UIデザイナーが体を張らないと99%ぐらいの確率でこうなるのです。 ここがオリジナル Request1: ダイレクトメッセージをトップ階層に ユーザーからの真っ当な要望。実際にはサービスの本質ではないのですが、要望はかなり多いはず。 ただTwitter社的にはme
日々の出来事、メンバーの働く様子や声、未来への想いなど、Supershipの“BE SUPER”なストーリーをシェアしています。
企業・文化・コミュニティのために、新たな展開につながる創造的なコミュニケーション・ツールをつくります。お問い合わせ
Some UI guidelines and tips to consider when designing a website to make it cross-device friendly and responsive. The web development community has come up with endless solutions, best practices, and tools for coding a responsive design with ease. While the vast majority of websites can be made responsive now, it’s time to push the envelope further. It’s easy to pay attention to great coding best
流行りのレスポンシブ・ウェブデザイン！ よく使われるデザインパターンを集めてみた！ 2013.01.18 | この方法お勧めです！ | サイト推薦！ tips | WordPress | ほらみんなも！ | デザイン | レスポンシブ あけましておめでとうございます！ 今いる場所がシアター！Huluの動画サイトにはまり、かなり引きこもりがちなブラウンです。 超寝不足。。。やばいです。。。 今回は流行りの【レスポンシブ・ウェブデザイン】について、デザイナー目線の記事を書こうと思います。 少し前までは『レスポンシブ！？そんなんいらんわっ！！無視や！無視っ！！』って思って勉強することから逃げていました。しかしもうダメのようです… もうIT業界では、レスポンシブ・ウェブデザインは当たり前って流れがきてます。確かにアクセス解析ではPCよりスマホやタブレットからの方が多いですし。 とにかく、今回レスポ
人の想いから社会への価値を創造する ブランドマーケティング ブランディングは “意味を創造すること”。マーケティングは “市場を創造すること”。 FICCは、ブランディングとマーケティングが分断されることのない「ブランドマーケティング」を通じて、ブランドの存在目的である大義が求められる市場を創り、持続的なビジネス成長を可能にするためのソリューションを提供しています。
ウェブデザインにおけるカラーのホワイトの重要性を学び、実例を見ながら制作における効果的な使い方や気をつけたいポイントを紹介します。 Anatomy of Colors: How to Create a Brilliant White Website 下記は各ポイントを意訳したものです。 ウェブデザインにおけるホワイトの重要性 ホワイトの文化的な背景 ホワイトを使うことの意味 ホワイトをウェブサイトに使う時のアドバイス ウェブデザインにおけるホワイトの重要性 「色の解剖学」として「ホワイト」を検証します。ホワイトは私たちの周りのあらゆるところに存在し、とても美しく優雅なカラーです。完全・完璧といった言葉が似合います。 ホワイトの基本的なクオリティはその同一性です。なぜならそれは他の全てのカラーはホワイトを含んでいるからです。ホワイトは私たちを魅了し、自由な発想を与えます。 ウェブデザインにお
Today we have a review of white color in our section “Anatomy of Colors“. White is all around us, just remember what the main color of your house design is? Of course, it’s white. White color is clean and elegant. It is characterized as perfect and complete, it shows the absolute. White is full of opportunities and freedom. Its fundamental quality is equality, because it contains all colors (they
Thank you for being patient. We are doing some work on the site and will be back shortly.
テストするとは模索すること ユーザーテストをすることのメリットは、Web やアプリの開発に携わる方であれば周知のことだと思います。例えば、スポーツ系 SNS Sidelines は、6 つの異なる A/B テストを実施したことで、コンバージョンを 5% から 55% まで上げることに成功しました。 最近見つけたユーザーテストの面白い例といえば、先月の大統領選挙でのオバマ大統領のメール戦略。キャンペーンEメールの件名を「有権者の皆様にお会いしたいです」のようなよくある件名から、「支出が多過ぎるかも」みたいなちょっと変わったものまで様々なパターンを検証。毎回 10 数パターンをつくった上でベストと考えられる件名をつかって配信されたそうです。いろいろ試した結果、最も寄付金が多かったときのメールの件名が「Hey （やぁ）」。カジュアルな口調を件名にもっていったほうが良い効果を得ることができたそうで
li > a" data-ddst-label="Navigation Items" data-ddst-no-support="background,border"> li > a" data-ddst-label="Navigation Items" data-ddst-no-support="background,border"> Home Categories Tutorials Resources Inspiration Freelance Interviews Design Freebies About Contact Advertise With Us Write For Us Contact Minimalism is a very interesting topic because it is the idea that less is actually more. De
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く