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を失ったんだ。 後にニュートンはこう言った。 “私は天体の動きを計算することはできるが、 人々の狂気については計算できない” 彼のために勉強しよう これまで市場、制度、民主制全体は 何度もおかしくなってきた。— 群衆の狂気だ でも君が人間に失望していたときですら、 ハリケーンが起きれば、みんなで協力してきたし、 コミュニティは問題を解決してきた。人々はよりよい 世界のために戦ってきた。— 群衆の英知だ！ しかしなぜ 群衆は狂気に向かったり 賢くなったり するのだろうか。

初めましての方もこんにちは、さだこえ (@sadako_a_ ) と申します。 DeNAに新卒で入社後、現在は株式会社FOLIOのデジタルプロダクトデザイナーとして、オンライン証券のUIデザインに従事しながら、スタートアップのデザイン支援を副業で行っています。 今記事では、主にアプリの機能として欠かせないPush通知に焦点を当て、記事を執筆します。 Push通知とはご存知の通りPush通知とは、アプリやwebサービスで何か変更や更新があった場合にお知らせをする機能です。一般的にこの業界で言われるPush通知は、Apple Push Notificationを指していることが多いと思われます。 その理由の1つとして、AndroidはPush通知に関してユーザーの許可を取る必要が無いからです。（ダウンロードする際にオプトインされるため、許可率は100%になる。） iOSやWeb Browser

これは私が最近よく訪問する日本橋駅直結の商業ビル、東京日本橋ビル内のエレベーターのボタンです。 唐突に質問ですが、このボタンで操作ミスを起こすポイントがあるとすれば、それがどこだか分かりますか？ 説明が必要と思いますが、このビルは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デザインリーダーを兼任。各種イベントのデザイン監修やプロモーション、ライツデザイン監修なども行っている

Search, watch, and cook every single Tasty recipe and video ever - all in one place! News, Politics, Culture, Life, Entertainment, and more. Stories that matter to you.

今年の２月ごろ今までビビってやってなかった電話サポートをというものを050の電話番号を使って始めてみた。今年の2月、開始して二週間ぐらいでわかったことを記事にしたのが以下です。 個人アプリ開発者だけど電話サポートをやってみた もし、これきついなあって途中で思ったらいつでも辞めようと思ってたんだけど、いまのところ半年以上続いているので、その中で発見とか、わかったことをアップデートしてみる。 どのぐらいかかってくんの？ とりあえず、今は会計アプリのTaxnoteと、最近リリースした読み上げアプリのVoicepaperのヘルプに電話番号を書いている。 例えば、Taxnoteだと、設定画面の「ヘルプ」をタップすると一番上に「お電話での問い合わせ」と表示しているので、ヘルプを見た人は一番最初に電話での問い合わせが出来ると気づくようにしてる。 ちなみに、アプリのDL数はそんなに多くないので、問い合わせ

先日@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はこんな感じで、デザインやメニューの配置が大きく変更されていることが分かります。 トップ画面の下部には…… 「クイックノートバー」が出現

7月1日以降のためにFeedlyへの「新しいフィード登録」できるブックマークレットを作りました。厳密には既に公開されているものを修正しました。 ブックマークレットの修正 ブラウザで開いているサイトのRSSフィードをFeedlyに登録するブックマークレットが公開されていますが、Feedly Cloudのリリース前のものまのでURLやパラメーターも変わっているし、コメントフィードを取得してしまう様子。 なのでこれを修正しました。次のリンクをこのままPCブラウザのブックマークバーにドラッグ＆ドロップで登録してください。 Add to Feedly Cloud ただし、RSSフィード情報がHeaderタグ内にあり、サイト全体のフィードが先頭にあることが条件です。たとえば、Bodyタグ内にRSS追加ボタンしかない、またはコメントフィードがサイトフィードよりも前になる場合などは追加登録できません。 [

こんな使ってたのか...。Amazonでどれだけ買い物したのか金額が分かるブックマークレット（楽天版を追加しました）2013.06.12 16:107,121 あれ、10万も何使ってたんだろう...。MacBook Air買えちゃう...。 久しぶりに面白いブックマークレットを作っておられる方がいました。いままでにいくらAmazonで買い物をしたかが分かるブックマークレットです。年単位でいくら使ったかがすぐ分かります。 ないと困るAmazon。すぐ届けてくれるAmazon。Amazonがない生活なんて考えられないAmazon。早速使ってみたのでご紹介します。 1.アマゾンの注文履歴ページにいきます。 https://www.amazon.co.jp/gp/css/order-history 2.アドレスバーに以下のjavascriptをコピペして実行します。 javascript:(fun