Webサービスやアプリなど、UIの言葉選びで気をつけたい３つのポイント - Tortoise Shell
突然ですが、あなたはUIデザイナーと聞いてどんな仕事をしているイメージがありますか？ Web業界の中でのUIデザイナーといえば、主に画面内のビジュアルを作る人というイメージが強いかもしれません。 しかし、実はビジュアル設計と同じくらいUIデザイナーが大切にしていることが１つあります。 それは「言葉選び」です。 一見するとUIで「言葉選び」と言われてもピンと来ないかもしれませんが、実はUIデザインを行う上で、言葉は大きな要素として関係しています。 例えば、次のような文言についてデザイナーは考える必要があるのです。 ボタンの文言 ナビゲーションの文言 アラートの文言 エラーの文言 これらの言葉選びは、簡単なように見えて実は難しいのです。 誤った言葉選びをしてしまうと、ユーザーを誤解させてしまったり、ストレスを与えてサービスから離脱させてしまうきっかけになってしまいます。 そこで今回は、わたしが
現役デザイナーが教えるUIデザインの勉強方法 - Tortoise Shell
こんにちは。デザイナーのtamuです。 突然ですが、UIデザインをイチから勉強するにはどうすればよいと思いますか？ サービス開発の現場でも「UIデザイン」という言葉が使われるようになって、早くも５年以上は経ったでしょうか。 しかし多くの現場では、未だに「UIデザイン＝画面のビジュアルを作ること」と、表面的な理解しかされていません。 また企業の採用においても、IT企業を中心にUIデザイナーの求人数は右肩上がりで増え続けていますが、フタを開けてみれば仕事内容は従来と同じ。 実質的には、ただのWebサイト制作だったり…。 このように、UIデザインという言葉がただのバズワードとして認識されている場合も少なくありません。 そこで今回は、現役デザイナーのわたしが考えた、UIデザインの勉強方法についてお伝えしたいと思います。 「UIデザインに興味はあるけど、何から手を付けていいのか分からない！」という方
デザイナーのわたしがオススメするWebライティング本３選 - Tortoise Shell
最近、Webライティングについて学ぶ機会が増えてきました。 仕事でメルマガを書いたり、ブログ記事を書くことが増えてきたからです。 しかし、「文章を書く」という行為は意外に難しいもの。 何を書くかは頭の中で決まっているのに、文章という型に当てはめてアウトプットすることができないということもありがちです。 まるで、ビジュアルは頭の中に浮かんでいるのに、Photoshopの操作方法が分からなくて表現できないかのように…。 そこで今回は、デザイナーのわたしがオススメするWebライティングの本を３つご紹介します。 はじめに：デザイナーに文章力は必要？ 本編に入る前に、まず「デザイナーに文章力は必要なのか」ということについてお話したいと思います。 結論から言えば「必要」だとわたしは考えています。 その理由は、主に次の３つです。 デザインを説明する能力が上がる ブログでの情報発信能力が上がる デザインの
ベテランの大工さんに学ぶ、一人前のデザイナーの条件 - Tortoise Shell
Webデザインを学ぼうとした時、PhotoshopやHTMLなどの「デザインの手段」についてのカリキュラムは豊富ですが、「デザインの思考」について学べる方法が少ないことに気が付きます。 デザインは本来、意匠計画・設計という意味なので、「作る」ことと同じくらい、「考える」ことも重要であり、その２つの力を備えて初めて一人前のデザイナーと言えるのではないでしょうか。 PhotoshopやHTMLといった技術そのものは、あくまでオペレーション（作業）の問題なので、デザインの勉強とは言えません。 それらの技術を極めても、AdobeオペレーターやHTMLコーダーになることはできますが、デザイナーとしての能力を身につけることはできないと考えます。 では、一人前のデザイナーとは何かと考えたときに、その例えとして最もイメージしやすいのがベテランの大工さんです。 大工さんが極めているのはノミやカンナだけではな
なぜ独立してフリーランスになるデザイナーのほとんどが自由になれないのか - Tortoise Shell
組織の中で働いているデザイナーの中には、「将来は独立してフリーランスとしてデザイナーをやりたい」と思っている人も多いことでしょう。 実際に、そのような理由で独立するデザイナーは毎年多く誕生しています。 彼らは、もし独立すれば、会社のしがらみに囚われず、上司に口出しされることもなく、自由に働けると信じていました。 しかし、残酷なことに、彼らのほとんどが自由になれません。 それどころか、反対にどんどん忙しく追い込まれてしまうのです。 なぜ、このようなことになってしまうのでしょうか？ デザイナーが独立しても自由になれない理由 独立してフリーランスになるデザイナーのほとんどが自由になれない理由とは、何なのでしょうか。 それは、彼らが経営やマーケティングについて無知なまま、サラリーマン時代の仕事の延長で独立・起業してしまっているからなのです。 言い方を変えれば、彼らはデザインのプロかもしれませんが、
『HTML5/CSS3モダンコーディング』を買って取り組んでみた - Tortoise Shell
最近になって、やっと『HTML5/CSS3モダンコーディング フロントエンドエンジニアが教える３つの本格レイアウト』に取り組み始めました。 HTML5/CSS3モダンコーディング フロントエンドエンジニアが教える3つの本格レイアウト スタンダード・グリッド・シングルページレイアウトの作り方 (WEB Engineer’s Books) 作者: 吉田真麻 出版社/メーカー: 翔泳社 発売日: 2015/11/03 メディア: 大型本 この商品を含むブログを見る わたしは、ここ１年間ほど仕事でほとんどコーディングをしていませんでした。 …ということに気がついたのが最近のことで、「そろそろリハビリしないとな」と思って選んだ本がこちらだったのです。 どうしてこの本を選んだのかというと、以下のような理由からでした。 今時のHTML/CSSコーディングが学べる サンプルサイトが洗練されている 適度なボ
新人Webデザイナーにおすすめのデザイン書10選 - Tortoise Shell
はてブで新人エンジニア向けに技術書を紹介するエントリを見かけて、思わず「デザイナー版を書いてみたい！」と思ったので、書くことにしました笑 この春からデザイナーになられる方で、「勉強したいけど、どんな本を読めばいいの？」という方はぜひ参考にしてみてください。 おすすめデザイン書10選 01.誰のためのデザイン 02.美の構成学 03.ノンデザイナーズ・デザインブック 04.融けるデザイン 05.デザインのルール、レイアウトのセオリー 06.７日間でマスターする配色基礎講座 07.タイポグラフィの基本ルール 08.インタフェースデザインの心理学 09.絵ときデザイン史 10.プロになるためのWebデザイン入門講座 実践で役立つPhotoshop&Illustrator徹底ガイド おわりに デザインを本格的に学ぶなら おすすめデザイン書10選 01.誰のためのデザイン 誰のためのデザイン？ 増補
Sketchブームに終止符！？ついにAdobeがUXデザインツール「Adobe XD」を公開！ - Tortoise Shell
Adobeが、ついにUXデザインに特化したツール「Adobe XD」を公開しました。 下の動画を見てみてください。 Adobe XD (Preview): Quick Demo これまでのAdobeらしからぬ、大変シンプルなUIですね。 UIデザインのツールといえば… PrototypeモードはUIデザイナー待望の機能 Sketchの運命やいかに 当ブログのおすすめ記事 UIデザインのツールといえば… ところでUIデザインのツールといえば、ここ数年で「Sketch」がブームになっていますね。 最近はデザイナーの求人などを見ていても、東京のIT企業を中心に「Photoshop, Illustrator, Sketchを利用したUIデザインの実務経験を有すること」という表記を目にするようになりました。 Sketchは、確実にUIデザインのツールとして普及してきています。 そんな中で、Adobe
UIの議論は、必ず画面を見て絵を描きながらしよう！ - Tortoise Shell
先日、何気なくスライドシェアを見ていたら「ほんとこれ！」なスライドを見つけました。 UIの話は会議室でするな from Shingo Katsushima 上記のスライドでは、会議は無駄が多い、UIの話は席でする、問題をみんなの見えるところで話す…など、UIデザインをしていく上で重要な点がまとめられています。 その中でも、身を持って「ほんとこれ！」と常々感じていたことがありますので、今回はそのことについて書きます。 言葉って意外と伝わらないもの わたしは現在、仕事で自社WebサービスのUIデザインをやっています。 Webサービスを開発していく上では、特にエンジニアやディレクターなど職種横断的なコミュニケーションが欠かせません。 なので、毎日のようにディレクターやエンジニアの方と議論をする場面があるのですが、プロジェクトが始まった当初はやり取りにとても苦労しました。 例えば、UIについて「
デザインの勉強は、「スキル」ではなく「目的」から考えよう - Tortoise Shell
デザインの勉強は「目的」を中心に計画を立てよう デザインの勉強をしようと思ったら、まずは目的を決めることが大切です。 目的とは、「何をデザインしたいのか」という言葉に置き換えられます。 なぜ目的を定めなければならないのか。 ポスターが作りたいのならグラフィックデザインに、Webサイトが作りたいのならWebデザインに…という風に、それぞれに特化したカリキュラムを組み立てる必要があるからです。 なぜ「スキル」を中心に計画を立ててはいけないのか そして、ここでやってはいけないのが、「スキル」を軸にカリキュラムを決めてしまうことです。 そうしてしまうと、PhotoshopやIllustratorなどの「必要そうなツール」の学習から始めてしまいがちです。 しかし、ツールの使い方を覚えることはデザインの勉強の本質ではありません。 目的なくツールの使い方だけを網羅していったところで、「ツールの使い方は何
今後、UIデザイナーが最も注目すべき技術は「Unity」だ！ - Tortoise Shell
今、Unityが熱いですね！ Unityとはゲームエンジンの一種で、基本的に無料で使うことができます。 Unityを使えば、例えばこんなものができてしまうのです。 Unity 5 Lighting Demo: The Courtyard Unityは何でもできる！ Unityの利用シーンは、ゲーム開発だけに留まりません。 iOS/Androidのアプリ開発やインスタレーション、さらにオキュラスウィフト等のVRコンテンツの制作もできてしまいます。 そして、最近になってUIデザインの環境も整ってきました。 従来までは、Unityでナビゲーション等のUIを作成するためにはC#でスクリプトを記述しなければならず、コードが苦手なデザイナーにとっては敷居の高いものでした。 しかし、Unity 4.6からは、直感的にUIを作成できるシステムである、uGUI (ユーグイ/ユージーユーアイ)がついに搭載され
Webデザイナーはボケやすい！？若年性ボケにならないために気をつけるポイントとは？ - Tortoise Shell
photo by Seth Capitulo 先日『フリーズする脳』というオーディオブックを聴いていました。 その中で、「若年性ボケになりやすい仕事環境」が紹介されていたのですが、見事に自分とあてはまっていたので驚きました。 しかし、わたしだけでなく、Webデザイナーなら同じように当てはまる人が多い内容でしたので、同業者の方のためにもご紹介しようと思います。 若年性ボケって具体的にどうなるの？ 「ボケ」と聞くと、老人になってからそうなるイメージがあると思います。 しかし、「ボケ」とは頭の使い方が偏ってくると起こる症状らしく、最近は「若年性ボケ」にかかる若者が増えてきているそうです。 原因としては、仕事でずっとPCを使っていたり、それ以外の時間でもスマホを眺めていたりと、ディスプレイをずっと見続ける環境ができたことにあるそうです。 ディスプレイばかり見ていると、脳の使い方としてはとても偏った
あなたのデザインが後世の文化になるかもしれない…という話 - Tortoise Shell
photo by Drift Words わたしたちの周りには、アイコンが溢れている。 あなたのスマートフォンにはアイコンが沢山並んでいるし、普段はそのアイコンを意識することもなく自然に操作しているだろう。 「アイコンは、初めに比喩として作られる。しかし、長く人の目に触れて成熟すると、それは慣用句になる。」 アイコンについて、初めて上記の言葉を聞いた時には感動したものだ。 例えば、GUIの事例としてよく議題に上がる「フロッピーディスク」アイコン。 ご存知のとおり、フロッピーディスクアイコンは多くの場合「保存」を意味している。 フロッピーディスクなんて、今時の子どもたちは、まず使ったことがないはずだ。 それにも関わらず、彼らは「フロッピーディスク＝保存」であると認識し、使いこなしている。 これは、フロッピーディスクのあの形状が、保存を意味しているという認識が文化として根付いたためだ。 初めは
いまさらだけど、Webのイケてないところについて - Tortoise Shell
Webは面倒くさくて、本当にイケてない。 わたしはWebデザイナーとして働いているので、Webについての色々な事を当たり前だと思い込んで何の疑問も抱きませんでした。 しかし、冷静に考えてみると、おかしいことだらけだと思います。 Webデザイナーは、デザインするのが仕事です。 コンテンツの魅力を最大限にエンドユーザーに伝えるべく、情報をデザインしています。 つまり、Webデザイナーは「コンテンツの質を高めること」に注力しなければならないのです。 しかし、現状はどうでしょうか。 人間ではなく検索エンジンに優しいWebサイト 本来ならデザインに集中すべきなのに、なぜブラウザの差分に振り回されたり、SEOを気にしながらWebコンテンツを作らなければならないのでしょうか。 ブラウザもSEOも「手段」であるはずなのに、わたしたちはいつもその「手段」に振り回されています。 特に、SEOなんてひどい話だと
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
UXとは、どこからどこまでを指すのか。 - Tortoise Shell
ビジネス書の話題の新刊は一切読まなくてもよい？ - Tortoise Shell
「センスが無くても配色ができる！」系の記事を鵜呑みにしてはいけない - Tortoise Shell
変化の激しいWebデザイナーこそ歴史を学ぼう - Tortoise Shell
2016年の目標 - Tortoise Shell
デザイナーやディレクターでも読んでおきたい『ヘルシープログラマ』 - Tortoise Shell