Amazon Echo dotが我が家にやって来た。僕はこれまでスマートスピーカーを見たこともなければ触ったこともなかった。僕が視覚障害者になったのが2016年の4月だから、スマートスピーカーはそのあと一般に普及しはじめたのではないだろうか（＊1）。 まずは少し僕の自己紹介をさせてもらいたい。さきほど触れたように、僕は2016年の4月のある朝、目が覚めたら視力を失っていた。それは突然の出来事で何が起こったのかも分からず、そのまま長期の入院生活に入った。原因は解明されたものの治療方法はなく、視力を失ったまま今までは「日常生活」と呼んでいた「非日常生活」へと帰ってきた。 それまでは都内でフリーランスの企画・営業、そしてセラピストとして働いていたけれど、実家のある千葉の館山に妻と当時3歳だった娘と、生後6ヶ月の息子とともに生活の場を移した。それから2年、光も感じられなかった暗闇の世界から、今は濃

デザインシステムとは、サービス開発する上で必要となるデザインの概念、スタイルガイド、コンポーネント集などで構成されるデザインのルールです。 Salesforce.comの「Lightning Design System」が2015年に登場して以来、多くの企業がこのデザインシステムを導入するようになりました。 プロトタイピングツールで有名なUXPinが提供するデザインシステムプラットフォーム「adele」では、90個以上（2019年12月現在）ものデザインシステムが公開されています。その企業のラインナップを見ると、大手ITベンダー、SaaSベンダーのみならず、自治体、金融機関、大学など多くの業界で、組織のブランド確立のために、デザインシステムを活用していることが分かります。 GoogleやAppleが提供するデザインシステムは、既に多くのブログで語りつくされていますが、その他の企業でも素晴ら

こんにちは。 今回はProjectStepUPでUIデザインをやってきた自分が、独学で勉強する方法を考えてみました。これをやりきれば、『自力で綺麗なUIが作れる状態』にはなるはず。 内容は初心者にわかりやすいというのを大事に、かなり簡素化して書いております。とりあえず4STEPにわけてみました。そういや高校時代に4STEPとかいう数学問題集あったなあ... STEP1：UIデザインに関係する一般知識を得る ◎目的 このステップはUIデザインに関する前提を知るためにあります。STEP2以降と平行してやってOKです。というよりちゃんと学ぼうと思ったら無限に続きそう。 主なトピックとしては、UIUXとはなにか・人間中心設計・デザインの4原則・デザインガイドラインの4つでしょうか。 ・UIUXとはなにか UIデザインはUX（顧客体験）大きな流れの一部なので、そこを理解しているかどうかは本質的なUI

アイザック・ニュートン卿は、自分が賢い 人間だと信じていた。微分積分学や重力理論 を発明(inventing)したのだから、金融投資(investing) ができるくらい賢いはずだよね？まぁとにかく、短く まとめると、1720年 に起こった南海泡沫事件という全世界 的な投機ブームで、彼は(現在の価値で)$4,600,000を失ったんだ。 後にニュートンはこう言った。 “私は天体の動きを計算することはできるが、 人々の狂気については計算できない” 彼のために勉強しよう これまで市場、制度、民主制全体は 何度もおかしくなってきた。— 群衆の狂気だ でも君が人間に失望していたときですら、 ハリケーンが起きれば、みんなで協力してきたし、 コミュニティは問題を解決してきた。人々はよりよい 世界のために戦ってきた。— 群衆の英知だ！ しかしなぜ 群衆は狂気に向かったり 賢くなったり するのだろうか。

これは私が最近よく訪問する日本橋駅直結の商業ビル、東京日本橋ビル内のエレベーターのボタンです。 唐突に質問ですが、このボタンで操作ミスを起こすポイントがあるとすれば、それがどこだか分かりますか？ 説明が必要と思いますが、このビルは7Fがオフィスロビーになっています。駅直結のB1と1Fからは7Fまで直通するシャトルエレベーターがあり、全員7Fで一度降り、セキュリティチェックをし、23Fより上にあるオフィスフロアに入ります。そのオフィスロビーとオフィスフロアを行き来するためのエレベーターのボタンがこれです。 ボタンが23Fから30Fまでしかなくて、下に大きく7Fのボタンがあるのは、そういったビルの構造からです。 私と同行したディレクター（26歳）は、打ち合わせが終わってオフィスフロアからオフィスロビーに帰る際に、操作ミスをしました。それも1度だけでありません。次の打ち合わせの帰りにもまったく同

初めまして。UIデザイン勉強中のマサキ(@Masaki_4_5)です。 UIデザイン、とりわけiOS appのデザインスキルを得る一番の近道を探した結果、良いデザインから吸収するのがまず大事という事を聞きました。 このように、sketchで優れたアプリのUIトレースをし、その工程でページの遷移やそのUIになった訳を考察して行くことがスキル獲得にはもってこいらしいです。sketchさえあればお手軽ですしね。 早速Twitterのプロフィール画面とタイムラインの２画面を、Sketchを用いてトレースしてみました。Sketchを用いたトレースについてはネットで既に多く説明されていたのでつまずく事はありませんでした。 Twitterをトレースして気がついた事 左：元画像　右：トレース 1.フォントについてTwitterにはinstagramなどと同様に、和文には"Hiragino sans"、英文

これは Vue.js #3 Advent Calendar 2017 – Qiita 4日目の記事です。 こんにちは。SVGで色々なコンポーネントを作っているものです。最近の作品は下記のような感じです。 Webでグリグリ動くUIを作りたい！！という一心でやっています。 これらはほとんどSVGとVueの組み合わせのみで作っています。依存が少ないというのは大事で、ライブラリ間の相性でハマったり、いろんなドキュメント間を往復することがなくなります。 Webでグリグリ動くUIを作るのは基本的にめんどくさいです。jQuery pluginを駆使して作るのも闇が多いですし、divやcanvasをゴリゴリするのも結構手間がかかります。 ですが、最近はSVGで高度なUI実装されることが増えてきた気がします。特に自分が衝撃を受けたのは、CacooがFlashからSVGにスイッチしたことです。 nulab-i

2017年10月28日、福岡県の九州産業大学にて、コンピューターエンターテインメント開発者向けのカンファレンス“CEDEC＋KYUSHU 2017”が開催。本記事では、同カンファレンスにて行われたセッション“ペルソナシリーズにおけるUIクリエイティブの手法　～ペルソナ5のUI事例～”のリポートをお届けする。 本セッションに登壇したのは、アトラスの和田和久氏と須藤正喜氏。和田氏はデザイナーとして入社後、さまざまな作品に携わり、現在は『ペルソナ』チームを統括しつつ、『ペルソナ3 ダンシング・ムーンナイト』、『ペルソナ5 ダンシング・スターナイト』のプロデューサーを担当している。須藤氏は、アトラス初のUI（ユーザーインターフェース）専属デザイナーであり、『ペルソナ5』ではアートディレクターとUIデザインリーダーを兼任。各種イベントのデザイン監修やプロモーション、ライツデザイン監修なども行っている

先日@ironkumarさんがつぶやいた「甥（おい）っ子に『巻戻しって何？』と聞かれたからリモコン見せたら そんな言葉は無かった」というツイートが話題になっていました。 ビデオを見るとき「巻き戻して」と言うこの言葉。実はもう、今どきの子どもには通じないそうです。それもそのはず。リモコンをよく見てみると、「巻き戻し」ではなく「早戻し」という表記になっています。 私たちにはおなじみの「巻き戻しの世界」は、いつ消えてしまったのでしょうか。少し悲しくなったので調べてみました。 まず確認したのは、電子機器などのIT分野における業界団体「電子情報技術産業協会（JEITA）」。業界内で統一している規格があるかどうかを尋ねると、そういったものは出していないとのこと。それならばと、「シャープ」「ソニー」「東芝」「パナソニック」各社に直接聞いてみました。 各社の回答は次のとおり。 現在の表記と、「巻き戻し」か

【追記】Twitterで教えてもらったのですが、13行が改善されて3行になってました。ご対応頂いた市役所のご担当者様、富士通のご担当者様、お疲れ様でした。今後とも、よろしくお願いいたします。【追記終わり】 住民票を郵送で取り寄せようと思って市役所のサイトを見たんですよ。今まで何回も見てるし別に普通のクソみたいな使いづらい行政サイトだなって相変わらず思ってたんです。でもね、あれ、これはおかしいなって、思ったんです。なんかね、変だな～って。それがね、この画像なんですよ。 委任状 – 奈良市 すっごいパンくずなんですよ…パンくず食い過ぎてお腹いっぱい。マジで。 僕らの業界ってまぁどの業界でもそうだけど仕事の流儀とか、そういうのあるじゃないですか。使いやすいサイトを作りたい人、ある程度ユーザビリティを犠牲にするけどかっこいいサイトを作る人、でもこれ酷いでしょ。誰もパンくず13段にしろなんて望んでな

かなり前に使ったトイレの操作パネルにテプラが貼られていた。 「テプラを貼られたらデザイナの負け」だとよく言われるが、 「便器洗浄」じゃ意味がわからないから 「水を流すときは〜」などというテプラが貼られていたのだろう。 いろんなトイレで似たようなテプラをしょっちゅう目撃する。 いったいトイレを使った後で便器を洗浄したいと思う人間がいるものだろうか。 トイレの掃除屋でもない限り、 自分の汚物を流したいと考えるのが普通というものだろう。 にもかかわらず今でもかなり多くのトイレで「便器洗浄」という表記が見られる。 「汚物を流す」と書きたくないのは理解できるが、 いつまでたっても「便器洗浄」という文言が無くならないのは、 メーカーの人間がかなり重症な便器洗浄脳に冒されており、 ユーザ目線で製品を作ることができなくなっているのだろうと思う。 社内では「便器洗浄」という言葉が全く普通に使われているのでは

Appleのスマートフォン向けOSが新しくiOS 7にアップグレードしたことで、多くの新機能や改良が施されましたが、新しく生まれ変わったのはiOS 7やApple純正アプリだけではありません。多機能メモアプリである「Evernote」も便利に進化している、とのことなので実際にいじくり回してみました。 美しく、新しい Evernote for iOS 7 が登場 | Evernote日本語版ブログ http://blog.evernote.com/jp/2013/09/19/15270 ◆新しくなったEvernote これが新しいEvernoteのトップ画面。iOS 7のフラットデザイン化に伴って、Evernoteもシンプルになりました。 旧Evernoteはこんな感じで、デザインやメニューの配置が大きく変更されていることが分かります。 トップ画面の下部には…… 「クイックノートバー」が出現

ウェブやアプリのデザイナーであれば、ここ1〜2年のUIトレンドであるフラットデザインについてご存じだと思います。すでにこのトレンドを意識して実践しているかもしれません。今回はフラットデザインの特徴とそのポテンシャルについて考えてみます。 フラットデザインとは、画面に表示するボタンやメニューなどのUI要素を非常に平坦な見た目にするという表現手法です。ウェブでもアプリでも今やこのフラットデザインを取り入れているものが沢山ありますが、中でも代表的なのは、Windows 8 の Modern UI と Google の一連のサービスでしょう。 フラットデザインと言っても、もちろん明確な定義があるわけではなく、フラット度合いは様々に試されていますが、一般的な特徴をあげてみます。 UI要素の「塗り」に、グラデーションやテクスチャを使わず、単色にする ドロップシャドウやベベルといった立体感を出す表現を用

こんにちは、西友の富永です。 2013年2月20日、飯野賢治さんが42歳の若さで亡くなりました。 読者の方々のなかには飯野さんとの対談を読んでくださった方も多いと思いますが、私は幸運にも何度か飯野さんと一緒に仕事をする機会に恵まれ、その類いまれな創造性に触れることができました。 飯野さんはゲーム分野での実績があまりに大きいことから「ゲームクリエーター」という肩書きで紹介されることがほとんどです。しかし、私が彼とともにしてきた仕事は、基本的にゲームとは異なったフィールドが大半でした。 今回は飯野さんへの追悼を込め、私が初めて飯野さんに会ったときの話を紹介することで、飯野さんのゲーム以外の才能を知っていただきたいと思います。 出会いのきっかけは「Cmode」の開発 2002年に日本コカ・コーラ、NTTドコモ、伊藤忠商事が開始した「Cmode（シーモード）」というサービスがありました。「自動販売

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。