未経験でも1カ月で即戦力クラスの知識が身に付く『webデザインドリル』公開 | knowledge / baigie
「即戦力レベルのwebデザイナーが最低限持っている知識を1カ月で身に付ける」ということを目的としたドリルを作りましたので、皆様に公開します。 ダウンロード[PDF/PSD/XD]（92MB） 本ドリルは、約140ページの参考書兼問題集になっています。まずは出題される問題を解き、その上で解説を読んで理解し、再度問題を解きなおすのが基本的な流れです。 内容は、私たちが未経験デザイナーの採用を進める中で、「こういう知識は早い段階で身に付けておいてほしいよね」という知識をまとめました。また演習用のPSD/XDファイルもドリルに含まれています。 身に付くのはあくまで「即戦力クラスの知識」であって、「即戦力」になれるわけではありません。デザインには、非言語・非定型なスキル領域も多々あるため、座学だけで即戦力にはなりません。しかしそれでも、ベースとなる知識は絶対に必要ですし、それを指南する参考書は、的を
Service Design Lab
Making the world better with Service Design, the framework of effective co-creation. 「未来のあたりまえとして定着するような、世の中をポジティブにシフトする多様なイノベーション」を皆さんと共に創出し続けたい。 このビジョンの背景には、現代においても、生活者はまだまだ大きな痛みを抱えており、また技術革新や社会動向の変化に伴い、新たな種類の痛みも次々と生まれてくる中で、一つでも多くの痛みを解決していきたいという熱い想いが込められています。イノベーションにはさまざまな種類や解釈がありますが、われわれが目指すイノベーションは「生活者と市場へ、ポジティブな意味付けを新たに与えるモノ・コト」であると規定しています。 未来のあたりまえとなるようなイノベーションを生活者・企業・有識者・クリエイターとともにデザインする、 共
5種類の買い物客のためのECサイトのデザイン
ECサイトの買い物客には主に5つのタイプがある。それぞれ異なる、サイト訪問時の動機や行動パターンを知ることで、デザイナーは各ユーザーのニーズをサポートしつつ、サイト全体のユーザビリティを向上させる決断を下せるようになる。 Designing for 5 Types of E-Commerce Shoppers by Amy Schade on March 2, 2014 日本語版2014年4月2日公開 ECサイトの買い物客というのはさまざまだ。特定の商品を目当てにサイトを訪問する人もいれば、買うものを決めようとしている段階の人もいるし、暇つぶしに来る人もいる。したがって、ECサイトサイトのあらゆる要素、つまり、商品の画像から説明、登録、精算に至るまで、すべてがサイトの成功には重要だ。しかし、買い物客のタイプによってサイトで利用される要素は異なっている。 それぞれのユーザータイプの特定は、デ
ランディングページ制作の生死をわける11のチェックリスト｜MarTechLab（マーテックラボ）
皆さんこんにちは。ギャプライズ鎌田（@kamatec）です。 今回は、弊社のプランナー・ディレクターが ランディングページの構成作成後 ランディングページのデザイン完了後 ランディングページのコーディング完了後 にそれぞれ行っているチェック内容を公開します。 細かい所ですがこの「チェック」のレベルによってプロとアマの違いが出るとも言えます。 何百本ランディングページを構築した熟練の経験者であろうとも、1回で完璧なものができることは決してありません。チェックを通してブラッシュアップされていくのです。 ランディングページ構築における一番の肝は、構成を引く前のターゲット設定・集客設計にあるのですが、今回はそこまで書くと壮大なボリュームになってしまうので、実制作に入った後のチェック項目に限定してご紹介します。 それでは早速ご紹介しましょう。 目次 ファーストビューで言いたいことが伝わるか？ 見出し
第8回 ツールやスキルに依存しないデザイナーであり続けるために - 秋葉秀樹の人に伝えるデザイン - MdN Design Interactive
第8回 ツールやスキルに依存しないデザイナーであり続けるために 2013年10月9日 TEXT：秋葉秀樹 最近、デザイナーから「JavaScriptとPHPでは、どっちのニーズが高いですか？」「いますぐ使えるHTML5スキルを学びたいんですが…」と尋ねられることが多い。そのたびに私は「あなたがやりたいことをやったらどうでしょう？」と答える。 非常に冷たい言いかたのように思えるかもしれないが、それ以上の答えはない。 本連載を通じてお伝えしたかったのは、「いまはツールやスキルに依存せず、つねにデザイナー目線で考えられる人が強く求められる時代だ」ということだ。 最終回となる今回は、私自身の自戒もこめて、強く求められるデザイナーのスキルの考え方をまとめてお伝えしたい。総じていえば、日々の失敗や反省を繰り返して高めていくことで得られることばかりだ。 オペレーションスキルで給料があがるという誤解 求人
タブレットのユーザビリティ
タブレットのユーザビリティを脅かす最大の脅威は、フラットデザインと不適切に縮尺を変更されたデザインである。そしてその後には貧弱なジェスチャーとワークフローが続く。 Tablet Usability by Jakob Nielsen on August 5, 2013 日本語版2013年8月22日公開 これまでタブレットユーザーを対象にしたユーザビリティ調査を6回実施してきた。良い知らせは、タブレットのユーザビリティがまぁまぁ信頼できるものであり、初期の、奇抜なiPadアプリのまとまりの頃に比べると、大幅に改善されてきていることである。あれはユーザーをすっかり当惑させることが多かった。 テストしてきたのは数世代にわたる大小のiPadと、（Kindle Fireを含む）Androidタブレットの多数のモデル、（Microsoft Surfaceを含む）いくつかのWindowsタブレットである。
CSS Nite in Ginza, Vol.70フォローアップ（1）中川直樹さんのスライドを公開｜CSS Nite公式サイト
CSS Nite in Ginza, Vol.70フォローアップ（1）中川直樹さんのスライドを公開 記事公開日：2013年7月29日（月） 2013年7月18日（木）、アップルストア銀座で開催されたCSS Nite in Ginza, Vol.70のフォローアップとして、中川直樹さん（アンティー・ファクトリー）のスライドを公開します。 CSS Nite in Ginza, Vol.70 ご来場いただき、ありがとうございました。アートディレクター視点の、（Web屋だけど、Webを超えた）サービスを考える上での昨今ヒットしそうな、ワクワク・プロデュースの問いかけ。 是非、Webに携わる皆さん、制作するだけでなく、ビジネスだったり、消費者心理をワシ掴む領域まで、グイグイ（オノマトペw）踏み込みましょう！ 時間内にお見せしたかったのですが、見せられたなかったサイトやムービーは下記です。 コンテンツ
これからのUIデザインのために、デザインカンプをやめてプロトタイプを作ろう（後編） | Goodpatch Blog
UIデザインの新しいワークフローを作るために長谷川恭久さんとの共同プロジェクトとしてスタートした“Patch Project”。導入部分として長谷川さんにお話頂いたワークフローの提案について「これからのUIデザインのために、デザインカンプをやめてプロトタイプを作ろう（前編）」として記事にしました。後編となる今回は、デザイナーがするべき雰囲気のデザイン、また具体的なワークフローについての話をまとめていきます。 ルック＆フィールを考える photo credit: Crossett Library Bennington College via photopin cc ではHTMLプロトタイプを作っている間にデザイナーがするべきことは何なのか。それは雰囲気をデザインすること。レイアウト以外のデザイン、色やタイポグラフィ、写真や動画について考えていくのです。 具体的に言うと、スタイルガイドを作るこ
これからのUIデザインのために、デザインカンプをやめてプロトタイプを作ろう（前編） | Goodpatch Blog
先日、長谷川恭久さんとの共同プロジェクト、“Patch Project”がスタートしました。これはUIデザインの新しいワークフローを作るために立ち上がったプロジェクトです。これまでのワークフローを見直して、より良いUIを作っていくためにはどうするべきなのか、実際に何かのUIをデザインしながら模索していきます。そのプロセスや結果はどんどんオープンにしていきますのでお楽しみに！ まず今回はその導入部分として、ワークフローの提案について長谷川さんに話して頂いた内容を記事にしました。前編では、デザインカンプをやめてプロトタイプを作るべき理由を中心にまとめています。 そもそもUIとは何か UIの話というと多くの人がビジュアルデザインの話をしますが、そもそもUIとは人間とコンピュータの関係を円滑にするためのものです。人がコンピュータと関わるとき、そこには必ずインプットとアウトプットがあります。その中で
うんと楽しくなるホームページの作り方がこれ！『コンセプトダイアグラムとは？』
1500以上の会社、お店が利用中の月額無料HP制作サービス 「HPの制作を安心して任せられる業者が見つからない＞＜」 そんなふうに頭を悩ますアナタ。 以下の「ウェブさえパック」はもうチェック済みですか？ HPを作るのに必要なものがパッケージになってるお得なサービスです。 料金と事例を見てみる 今回は、いろいろあるホームページの作り方でも、特に楽しい「コンセプトダイアグラム」という方法を紹介します。 コンセプトダイアグラムを利用すれば、自分のホームページに必要なコンテンツや機能を、もっと楽しく、そして正確に知ることができます。ホームページ作成前の準備や改善方法を見つけるときに、ぜひ今回の記事を参考に、コンセプトダイアグラムを作ってみてください！ コンセプトダイアグラムは、こんな絵（図？）を描きながら、ホームページに必要なコンテンツや機能を見つける方法です。ホームページにアクセスするお客さんが
長谷川敦士氏「単なる利用者のニーズではなく、何に価値を感じるのか本質的に捉えて、そこに向かうことがUXの肝」 | ユーザーエクスペリエンスのチカラ
UXという言葉自体は、認知科学者のドン・ノーマンがユーザーエクスペリエンスデザインラボを設立したことから広まりました。当時アップルに在籍していたドン・ノーマンは、問題に対して個別の部門で取り組んでも解決できないと考えたんですね。 たとえば、ユーザーがプロダクトの使い方を間違えた場合、それがプロダクトデザイナーの責任なのか、ソフトウェアデザイナーの責任なのか、マニュアルを作る人の問題なのか、マーケティングの人の課題なのか、セールスの人の課題なのか、たらいまわしになりがちです。そこでドン・ノーマンは、各部門のヘッドを集めた横断組織として、ユーザーエクスペリエンスラボという、ユーザー体験についての問題を解決するためのタスクフォースを立ち上げました。 こうした話から、確かにユーザー体験は個別の部門ではなく、横断的に取り組まなければいけないという認識を持ちました。それが1998年ぐらいだったと思いま
楽天から学べる日本的なWebアプローチ
学べるところが多い楽天ページWebデザインに関わる様々な情報やノウハウが世界中で共有されているとはいえ、お国柄は存在します。Yahoo!でも、世界共通にみえる UI コンポーネントがありますが、アメリカと日本と中国ではアプローチが異なります。情報にメリハリをきかせているアメリカ。今の話題を中央にたくさん詰め込めるように工夫してある日本。クリックをしなくても膨大な情報を消化することができる中国。ポータルサイトをひとことで言ってもやり方がいろいろあることが分かります。 各国の Yahoo! を見て「欧米はシンプルなのに、日本や中国はなんかごちゃごちゃしている」と感じた方はいるかもしれません。なぜそんな小さなところに情報を詰め込むのか、なぜページを整理しなのか、メッセージを絞ってメリハリをつけないのか、といった悩みを抱えるデザイナーもいるかもしれません。 日本らしい忙しいデザインの代表例としてよ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
サービスにおけるビジュアルデザインの役割
Lightning Design System
Adaptive Path's Guide To Experience Mapping (Japanese Edition)
SurveyMonkey for Customer Experience Teams | SurveyMonkey
in the looop | Looops communications