デザイン界からITに移動してきたデザイナーが思う「IT企業のデザイナー採用。両者が気をつけたいこと」 | DevelopersIO
デザイナーの たなか ゆきこ です。 印刷、WEB、DTP・WEBの講師、アプリの会社、現在クラスメソッドでデザイン作業してます。 ずっとAdobeとお友達ですが、最近Sketch、InVisionとかいう新しいお友達が増えてます。 なんで書こうとおもったのか はじめて、IT企業に入った時に、「私はバカになったのだろうか」と思ったという鮮明な記憶があるからです。 大袈裟でもなんでもなく、本気でそう思った。という事実。 おそらく、デザイン業界からIT企業に移動したデザイナーの中には、同じ思いを抱く人がいるでしょう。 それは、いったい何だったのか？について、私なりの考えを記述していきます。 デザイナーとIT企業の間にあるギャップのひとつは「デザイナーになる人は何を勉強してきたのか」 デザインの授業は「デザインの考え方」を学ぶのであって、「機械の使い方」「アプリの基本の作り方」「WEBの作り方」
ホテルのWebサイトをデザインするためのベストプラクティス
ユーザー体験があらゆるWebサイトのデザインにとって不可欠であることに、疑いの余地はありません。 しかし、ユーザー体験が何よりも重要な業界があるとすれば、それはホテルを始めとしたサービス業です。 ホスピタリティとは要するに、顧客の期待に応え、顧客の期待を超えることであり、最初のタッチポイントから最後にいたるまで、顧客に優れた体験を提供し続けることです。 また、私たちが生きるデジタル時代において、ホテルのWebサイトは、ホテルが最初に提供する顧客体験の場であることが多いです。そのため、少なくともどのホテルも、直接予約の画面には力を注いでいます。ホテルのオーナーであれば、Webサイトでのユーザー体験はホテルでの顧客体験と同等に優れたものにしたいでしょう。 そのためには、まず初めに旅行者がWebサイトを訪れる理由を理解する必要があります。 旅行者の主な目的は何でしょうか？ この問いに対する答えが
優れたフォームをデザインする
サインアップのフローであれ、マルチビュー・ステッパーであれ、ありきたりのデータ入力であれ、「フォーム」はデジタル・プロダクト・デザインにおいて最も気を遣わなければならないものの1つです。 そこで、今回は一般的にフォーム・デザインで何をやり、何をやらざるべきかについてお話したいと思います。あくまで一般的なガイドラインですので、そのようなものとしてご理解頂いた上で、皆さんの参考になれば幸いです。
読みやすさのデザイン備忘録 | 深津 貴之 (fladdict) | note
noteのコア体験は、「読む楽しさ」と「書く楽しさ」だと考えています。 本来ならコア体験は、調査でしっかりと導くべきものです。しかしアカデミックなUXとは異なり、実際のスタートアップ環境では時間とリソースに限界があります。このため調べながらも、走り出さなければなりません。 まず序盤はヒューリスティック（経験）ベースのデザインを行いつつ、調査やテストが可能なところから、裏づけやチューニングを行う流れになりそうです。 以下、「読書体験」における「可読性」のパートのメモ。noteチームにとりあえず提案する予定の諸々です（現時点では個人の見解です）。基本的には「当たり前のことを、当たり前に」やる予定。「これもやっとけ」的なことがあれば、タイポグラファーの諸先輩の方々には、ぜひご意見をお伺いできればと。 書体をサンセリフ系に変えるべきか？デジタルでは、一般的にサンセリフ体の可読性は、ローマン体よりも
Webデザインにおける『正直』とは
素材に正直であれ Webサイトの品質には、高い技術と表現を盛り込むという『上を目指す品質』と、どのような状況でも必要最低限の見た目と操作性を保証する『地を固める品質』の 2 つがあると説明しました。しかし、これだけではなくデザインにおける普遍的な考え方も品質に大きく関わっています。 ドイツのインダストリアルデザイナー Dieter Rams（ディーター・ラムス） が提案する良いデザインの十ヶ条の中には、良いデザインは正直であるという項目があります。製品を必要以上に大げさに見せるのではなく、ありのままを伝えること。素材や形状を生かし、機能を明確に伝えることをラムス氏は『正直』と捉えています。 Web デザインに限ったことではありませんが、素材に正直であることは良いデザインには欠かせないことです。これは、素材をありのままに使ってシンプルでミニマリストな表現をするという意味ではなく、素材の特徴を
画面遷移に疑問を感じたあなたにオススメするUI Flowsというツール | UXデザイン会社Standardのブログ
2014.11.19 / UI 画面遷移に疑問を感じたあなたにオススメするUI Flowsというツール Tomohiro Suzuki クライアントやディレクターから渡された画面遷移図を元にワイヤーフレームを作ってみると、後から足りない画面が次々に発見された、または画面内の情報がどこに繋がるのか分からないといった経験はありませんか？ この画面遷移図というものは本来は制作範囲の全体像と構造を明確にし、必要な画面というものを洗い出したりするものです。通常のWebサイトであれば、従来のような画面遷移図でも問題ないかもしれませんが、多くのインタラクションが発生するサービスの設計では複雑化しやすく、何度も情報を行き来して確認することになるため時間がかかります。 原因のひとつとして、画面遷移図では画面名のみを記載して繋げていくことになるため、必要な情報が不足していることが挙げられます。その結果、本来で
第4回 他人の著作物を安全に利用するために - MdN Design Interactive
アート・エンタテインメントの業務を多く扱う「骨董通り法律事務所For the Arts」の弁護士による、著作権とそれにまつわる法律関連の連載です。クリエイターが気になる法律問題についてわかりやすく解説しているので、ぜひ参考にしてください。 文：弁護士 永井幸輔（骨董通り法律事務所 for the Arts） ケース：クライアントからの依頼で、旅行情報誌の表紙のアートワークを制作することになった。メインビジュアルには紅葉の山の風景写真を使いたいが、手元に使える写真がなかったため、インターネットで探して利用することにした。著作権を侵害しないよう適法に写真を使うためには、どうすればよいだろうか。 今回は、著作物の「利用」の側面についてお話ししましょう。 自身で発表するかクライアント・ワークであるかを問わず、制作物に他人のアートワークを使用することも少なくないのではないでしょうか。既存の作品には、
全面リニューアルの幻想と、取り組むときの注意点
リニューアルでは何も変わらない Webサイト制作の仕事で、いつの間にか当たり前になっているのが『リニューアル案件』。2, 3 年おきに見た目の衣替えをしたり、使い勝手の向上のためナビゲーションや情報構造の見直しをします。 テクノロジーだけでなく、Web を取り巻く文化や社会が目まぐるしく変わるので、定期的なリニューアルをして『追いつく』ことは必要なのかもしれません。しかし、ただ見た目を変える、情報構造を変えるといった「作る」「作り直す」ということが目的になることがあります。リニューアルをすれば何かが変わるという淡い期待感が寄せられることがありますが、費用対効果が良くないことがあります。 第一印象はとても重要です。 全面リニューアルを通して見た目がよくなれば、印象は良くなるかもしれません。しかし、デザインを変えたからといって、コンテンツも自動的に良くわけではありません。最初の印象がよくても、
デザインを決めて進めるために必要なこと
先月は東京、そして今月は大阪 で、クリーク・アンド・リバー社が主催する Web ディレクター向けのセミナーで登壇しました。私自身、Web ディレクターと名乗っていないので、依頼を受けたときは半信半疑でした。しかし、Web ディレクターをはじめとした「作り出す人」にある共通の話題があると考え、登壇を決めました。 点をどのように線にするか ツールの使い方。マークアップの仕方。コードの管理方法。ペルソナの作り方。コンセプトを固めるためのワークショップの仕方 … などなど。こうした行程の中にある『点（作業）』は、書籍や Web でたくさん見つけることができます。どれも重要ですが、行程全体からみたとき、その手法がどのような意味を持っていて、それを基にどうゴールに向かって走れば良いのか見えないことがあります。 点は理解できたけど、それをどう線にしたら良いか分からないわけです。 例えば社内ワークショップ
UI変更が不評な時に役立つ原因の切り分け方
UI変更をした時のことについていろいろと記事を見かけたので書いてみました。ユーザー側と制作側、それぞれの原因の切り分け方や分析、その対応に役立つと思います。 UI設計の際考慮する4つの要因 例えば、UI変更により欲しい情報が見つけにくくなった、ということが起こったとします。 この場合、ユーザーはその原因をUIやデザインに求めがちですし、制作者はその原因をユーザーに求めがちです。アプリのレビュー欄が荒れたり、ブログなどで制作側の主張があったり、というのも最近よく見かけます。 このような課題達成の成功や失敗（この場合はユーザーが欲しい情報を見つけられるかどうか）に関して、ワイナー（Weiner, 1974）は、4つの原因があるとしました。 「能力」「努力」「課題の難易度」「運」です。 「能力」と「努力」はユーザー側の要因、「課題の難易度」は制作側の要因、「運」はそれ以外の要因です。 上記の場合
ブランディングとは何か。ブランディング活動の基本をWeb制作時に意識しよう。 第三弾『Webサイトを構築する上で注意すべきポイント』 / Maka-Veli .com
全12カテゴリー。分野別で見る、 Webサイトを構築する上でそれぞれ注意すべきポイント Webサイトの目標＝プロジェクトの目標、ではないということ。 続：Webサイトを構築する上で注意すべきポイント に続き、第三弾です。 前回までは、業界別それぞれの注意点や、そもそもサイトを作るという事とは？などについて書いてきましたが、今回はもう少し深く、マーケティングを視野に入れて考えてみたいと思います。企業のブランディングについてです。 そもそもブランディングとは何か ブランディングとは、企業、法人がお客さまやユーザー等へ、自社のブランドを構築・訴求する為の活動その物です。ロゴやデザインに留まらず、接客方針、キャッチコピー、地域性など、様々なモノが対象になり、それを伝える事、そしてターゲットの頭・心にその概念を留めさせ、同業他社との差別化を図る為に行います。 良質なモノに、ある特定の印が付
ポストPC時代のWebで注目している2014年のキーワード
タブレットの販売台数が PC を超えた 2013年第四半期。（スマートフォンは 2011 年で超えています）。スマートフォンやタブレットはもちろん、情報へアクセスするための『ガラス』は、今後ますます増えていきます。2014年は、Web へアクセスするための手段が文字通り多様になるといっても過言ではありません。iPhone をはじめとするマルチタッチのスマートフォンが出回りはじめた頃は『モバイル Web』という言葉が用いられていましたが、これからは『The Web（これが Web）』と言い換えたほうが良いでしょう。PC がなくなることはありませんが、「まずはパソコン版を前提」という考え方はいちはやく拭い去らないといけなくなります。 いつでも、どこでも自分の好きなデバイスから、サービスを受けることが出来るようになった現在。消費者はどこへ向かうのでしょうか。そして、Web を利活用するためのお手
効果的なミニマルデザインと退屈なデザインの境界線
2013年3月23日 Webデザイン, インスピレーション ミニマルデザインを考えるときによく使われる言葉「Less is more（少ない事は効果的だ）」。装飾が多すぎるとどれも目立たなくなる、無駄を削ぎ落した方がより美しく効果的であるという考えです。これに対し「Less is bore（少ない事は退屈だ）」という皮肉な言葉もあったりします。美しいミニマルデザインと退屈な間抜けデザインは紙一重。その違いを考えてみましょう。 ↑私が10年以上利用している会計ソフト！ ミニマルデザインとは そもそもミニマルデザインとはなんなんでしょう？Wikipediaを見ると ミニマル・デザイン（Minimal Design）は、あまり使用しない機能のせいでシステムが肥大化することを避け、必要最小限の機能に絞って設計することをいう。 とあります。冒頭でも書いたとおり、要素が多すぎると結局なにが主張したいの
Christmas Experiments
The project started in 2012, with the goal to deliver great experiments and highlight top web creative as well as newcomers. Year after year, it grows up, thanks to the participants, and inspire his visitors all around the world every months of december. It’s an independent & non-profit project, not related to any company, made by the community and given to the community, Merry Xmas!
Webデザインのスキルを磨こう！Webサイト模写のススメ
2014年8月17日 Photoshop, Webデザイン 先日、Webデザイナーになってもうすぐ2年がたつというMさんから、「どうすればデザインのスキルを磨くことができるのか？」という旨のご相談を頂きました。今回は彼女の相談メールでもふれられている、デザインのスキルアップに有効なWebサイトの模写のやり方について掘り下げてみようと思います！ ↑私が10年以上利用している会計ソフト！ 頂いたご相談メール 実は最近スランプぎみになっていて、サイトデザインを作成してもなぜかダサい、野暮ったいデザインになってしまいます。 デザインスキル向上させるために、いいデザインのサイトを模写するといいときいて模写もしてみたのですが、ぴったり一致するように作るのに意識がいってしまい、あまりデザインスキルが上がったと実感できないでいます。（模写したデザインを自分のオリジナルで活かせない） もし模写するときはどう
絶対に覚えておきたいwebデザインの配色・カラー3つの基本と基礎
webデザインを考える時にカラーは切っても切りはなせません。しかし、配色は苦手だけど、まぁカラーの勉強は後でいいや…センス無いしその前にやることあるし…となんとなく後回しにされがちなんじゃないかなーと思います。基本を知っておくと、デザインに役立つのはもちろん、クライアントさんに提案出来たり、私生活や料理etc…様々な場面でとっても強い味方になってくれるます。ちょっとしたスキルアップをしたいと考えてるなら、まずは配色から初めてみるのが良いかもしれませんXD 色って？ カラーモードRGBとCMYKとは？ 色の三属性について 「色相」 「明度」 「彩度」 具体的な例と配色方法 面積比率 可読性 最後に 1.色って？ まず一口に色といっても色々(シャレじゃないですw)あるのですが大きく分けて果物や印刷物など物についてる色とテレビやパソコンのモニターなど光を放っている色の2種類があります。 物体色
Stronghold - ぼくらの本拠地
AWSWordpress April 5th 2016 Amazon EC2でWordPress – Amazon S3にメディア画像等の静的ファイルを設置する方法 AWSWordpress April 5th 2016 Amazon EC2でWordPress – パーマリンクがうまく動作しない場合 AWSWordpress April 5th 2016 Amazon EC2でWordPress – SSH接続からWordPressのインストールまで AWSWordpress April 4th 2016 AWS Amazon EC2上でWordPressを動作させる方法 – EC2のインスタンス作成からMySQLの設定まで AfterEffects May 25th 2015 After Effects 埋め込み動画/静止画から指定色を透過させ、背景透過のPNG画像（連番）で書き出す方
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
マテリアルデザインでやってはいけない68のこと（間違いチェックリスト）
ロゴを作る時に知っておきたい11の基本ルール
水鳥デザイン｜デザイン制作会社