初めましての方もこんにちは、さだこえ (@sadako_a_) と申します。DeNAに新卒で入社後、現在は株式会社FOLIOのデジタルプロダクトデザイナーとして、オンライン証券のUIデザインに従事しています。 今記事では、主にステータスのデザインに焦点を当てて記事を執筆します。 1. ステータスとステートの違い 2. 色で伝えるステータス 3. アイコンで伝えるステータス 4. 実例 : YOUTRUSTの副業意欲ステータス 5. まとめ1. ステータスとステートの違いまずはステータスの定義について決めます。似たような単語として、ステータス(status)とステート(state)、どちらも状態を表す概念ですが、両者は微妙にニュアンスの違いをもっています。 ステータスは状態を示す箱のような概念で、ステートはその状態の固有要素とであると今記事では定義します。分かりやすく言い換えるとしたら、人間

こんにちは、ハヤカワ五味です。 アパレルの会社を4年もやっていると「高すぎて買えません、安くしてください」と言われることが度々あります(最近は減ったけども)。 では、そのお客様の要望に応えて値段を下げるべきなのだろうか、高くない妥当な金額とはいくらなんだろうか。こうして小売業の経営をやっている以上、何度も頭を悩ませる永遠の問いかもしれないけど、最近なんとなく自分の中で結論が出た気がします。そしてそれは、先週に神戸へ行った際、漠然とした考えから確信に変わりました。 ------------------------ 先週、ちょうど京都造形大でゲスト講師の仕事があったので、ついでに、最近お取引を始めた神戸の靴工場にご挨拶に行くことにしました。 その靴工場は神戸にあるロンタムという会社。 友人の取引先でもありご紹介いただいたのですが、とっても仕事が丁寧で、微妙なニュアンスを拾ってくださったり、より

さっきから5分おきに何度もアプリで銀行の残高を確認している。が、全く増える気配はない。当たり前だ、今日報酬を振り込んでくれるはずだった相手は一週間前からぱたりと連絡が途絶えている。何度メッセージを送っても、電話をかけても、つながらない。なんとなく気が付いてはいたけれど、いざこの状況になってみると凹まないわけにはいかない。この仕事のために一ヶ月大学の授業もそこそこに、寝る間も惜しんでデザインの勉強をしながら、やっと完成したパンフレット、すごく喜んでもらえたと思ったのに、まさかの結果だった。 ＊＊＊ 私は大学在学中から、フリーランスのデザイナーとして独立するべく少しずつ仕事を受け始めました。デザインの専門学校とかではなく普通の文系専攻だったため、全ては独学でだいぶ遠回りもしました。今となってはちょっと恥ずかしくなるような作品もあったけれど、その時自分の持っている知識は常に総動員してきたし、妥協

深夜の海岸線が青白く光る―毎年、春になると富山湾で「ホタルイカの身投げ」という現象が見られます。ホタルイカはふだん深海に生息している生物ですが、３月～５月頃にかけて水面近くまでやってきて、産卵します。その後また海深くへと戻るのですが、月明りのない新月の夜、方向を見失ったイカが誤って浜に近づき、波につかまって浜に打ち上げられるというのです。自らの意思に反して死を遂げるのに「身投げ」と呼ばれるのですから、ホタルイカとしてはやるせない気持ちでいっぱいでしょう。 さて、これまでの話はあくまで一説にすぎず、現代の科学をもってしても未だその生態が明らかにされていません。ゆえに出会えるだけでも幸運。海が青い光で埋め尽くされているような、いわゆる「絶景写真」を撮影し公開していたのは数人だけ。あとは点や線が疎らにあるような写真ばかりでした。この現象、地元の新聞ではたびたび紹介されることがありましたが、全国的

はじめに ： Who I amこんにちは、建設×ITのスタートアップ「シェルフィー株式会社」でプロダクトマネージャーをしているShoko（@shokosuzuki1991）です。本日noteデビューしました！👏 先日参加した『建設職人甲子園』というイベントで、東京タワー建設時のエピソードが紹介されてたのきっかけに、『東京タワーができるまで』を調べれば調べるほど、すごすぎる！ヤバすぎる！となったので、今回はそのあたりをPM的な切り口でまとめてみました。 （※なるべく事実に忠実に書いてますが、一部わかりやすくする表現を優先しているところもあります。予めご容赦ください🙏） 1.構想の大胆さがヤバい 東京タワーが完成したのは1958年です。当時は爆発的なテレビの普及が予想される中で「このまま各局独自の電波塔が増えると、東京中が電波塔だらけになって景観が悪化する」という問題を抱えていました。 そ

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

私とデザインテックとビジネスと。 - #02 THE GUILD勉強会「Design in Tech Report 2018 を読み解く」 2018年版は過去リポートの総集編ということで、勉強会では過去のリポートも交えながら大事なポイントを読み解いてくださいました。 📝 ポイントメモ要点だけ抑えているので、こぼれ落ちていることも多いと思います。他のリポートも参考にしながらお読みください！ 1. 3種類のデザイン デザインのメインフィールドが広がっている。 昔はいわゆる”モノのデザイン”と呼ばれる、CDのジャケット・椅子・ポスターといったモノを造形することをデザインと指すのが主流だったが、今は造形は"一部"と捉えた上で、体験・行動・感情といったビジネスの仕組みやルールをつくることもデザインと呼ばれるようになった。 そのように以前よりもフィールドが広がったことで、デザインの話をするときに”ど

デザイナーの池内（@KD6JOE）です。アプリのUIデザインなどをやっています。この記事ではUIをデザインを始めたばかりの人向けに、強度の高いUIをデザインをするための手順をご紹介します。 最低限の品質のUIをデザインできるようになることがこの記事の趣旨です。ここで紹介する手順はあくまで一例で、ガチガチにこの通りに進める必要はないし、ケースバイケースです。自分のやり方に取り入れられるところだけ取り入れてください。 強度の高いUIデザインとは強度の高いUIデザインとは以下のものを指しています。 ・あらゆるUIパターンの検討がなされている ・どのUIパターンを採用するかロジカルに決定している ・仕様漏れがなく開発がスムーズに進む逆に強度の低いUIデザインとは、パターン検討がほとんどされず、ツッコミどころがありまくり、仕様が二転三転するものです。結果開発スケジュールの遅延を引き起こします。 ただ

Google Analyticsに始まり様々な分析ツールを元に行うサイト施策や、数値を根拠に持つマーケティング戦略などが広がり。主観や闇雲にではなく、根拠のあるサイト制作や、サービス開発が増えた。 ただ数値だけを信じて、その物の良し悪しを判断し続けるのは少なからずリスクが伴うかもしれないなと最近思う。 数値・直感に基づくデザインの違い 数値に基づくデザイン 「共感」を与えて、一定の成果を生む。 直感に基づくデザイン 「発見」を生むが、失敗のリスクが高い。 一見、リスクが高く「直感」に頼る必要はないように感じられるが、直感に基づいたデザインには挑戦する価値があると思う。理由は2つ。 1.新たなたニーズを発見する為 クリエイターが培ってきた経験から生まれるプロダクトアウトには、ユーザー自身がまだ知らないニーズを発見する可能性があるから。 2.数値化のデザインにはリスクが存在している為 一件リス

NewsPicksが日経新聞に「さよなら、おっさん。」というキャンペーン広告を出したそうです。これですね。 さよなら、おっさん。 あー、またか。みたいな、困った出来事多いですよね、最近。 それ、だいたいの場合、「おっさん」のせいです。 と言ってもそれは、誰か個人の話ではなく、年齢とか性別の話でもなく。 それはつまり、この国の、凝り固まった価値観やルールのことです。 世の中の変化に対して、見て見ぬふりをする。 能書きを並べて、言い訳ばかりする。 試そうともせず、すぐに「できない」とか言う。 そんな「おっさん」に、負けないために。 今知るべき情報と生の意見で、この国の価値観をアップデートすること。 大げさに言えば、それが私たちの使命です。 自分、もう「おっさん」ですけど。そう思った方も、ご安心を。 人は、情報でいくらでも若返ることができる生き物、ですから。 経済を、もっとおもしろく。 NEWS

ディストーションエフェクトは生WebGLで書くと100行前後、5KB以下です。 このエフェクトのためだけに500KB以上のthree.jsや400KB以上のpixi.jsを使うのは賢明とは言えないと思います。 今回作成したディストーションエフェクトを使用したサンプルです。 生WebGLバージョン+コード 仕組み ディストーション用テクスチャーの色情報をベースにでテクスチャー#00とテクスチャー#01を切り替える仕組みになっています。 ディストーション用テクスチャーの色が黒 -> 切り替わるタイミング早い ディストーション用テクスチャーの色が白 -> 切り替わるタイミング遅い という風になっています。 テクスチャの切り替えはfragmentシェーダーで行っているので、そちらを見てください。 1. レンダリングを開始する前に行う初期化 2. 毎フレーム実行するdraw関数などのレンダリング 3

私はWebGLを専門とするプログラマーで、2016年12月からアムステルダムにあるSuperhero Cheesecakeという制作会社で働いています。 もともとWebGLを使うフロントエンドデベロッパーとして仕事していましたが、WebGL面白いなということで現在の仕事に転職しました。 企業サイト、企業のプロモーションサイトの一部、ゲームなどのためにWebGLのプログラムを作ります。 会社で最近関わったプロジェクト フリーランスとして最近関わったプロジェクト three.jsやpixi.jsといったWebGLライブラリを使用していたのですが、フロントエンドの方から”ファイルサイズ大きいから、ライブラリを使用しないでほしい”とか言われたり、ライブラリが巨大すぎて最終局面での最適化が面倒、100％自信を持って最適化されたと言えない状況がありました。 three.jsは非常に優れていますが、Bu

こんにちは！ゆうこすです！ 2016年の頭にInstagramを初め、今ではフォロワーさんは36.5万人に。 いつの間にか「インスタグラマーのゆうこすちゃんですよね？」と声をかけてもらえるようになりました。嬉しいなあ〜 私の人生を変えてくれたInstagram。大好きです！なぜこんなにも好きかというと、時代のニーズに合わせてめちゃくちゃ早くアップデートしてくれるから。(ストーリーズやライブ機能やショッピング機能等) Instagramがアップデートしてくれるから、私は時代に合った発信ができる。ファンのみんなに溶け込むように発信ができる。感謝しかないんです。 そんなInstagramが先日IGTVの導入を発表したので、発表されたその日にいち早く使ってみたよ！ みんなももう知ってるよね！IGTV！ Instagram上で最長60分の縦型動画がアップできるようになりました。 そこで気づいた IG

『砕かれたハリルホジッチ・プラン』の著者、五百蔵容さんと本を起点にいろいろお話を伺ったインタビュー連載企画5回目、最終回です。過去の連載はこちら。 最終回は、2010年代の日本サッカーを語るうえで欠かせない存在、本田圭佑という選手についての話題から。彼がプレーヤーとして直面している現実と、本田を「ケイスケ・ホンダ」たらしめている原動力でもある「大きな目標を公言してそこに向かっていく」という行動様式の功罪についてまで話が広がりました。それではどうぞ。 >>> 【本田圭佑という存在】 現代サッカーにはスペックの足りない選手になってしまっている---今回の解任騒動では本田圭佑の名前がいろいろなところであがりますが、彼についてはどう評価しますか。 五百蔵：そうですね…ハリルホジッチは本田を買ってはいましたが、おそらくはチームの中心として使うつもりはなかったんじゃないかなと思います。自分が考えている

2017年10月マルマン株式会社さんより、「図案スケッチブックの60周年ロゴ」のご依頼いただきました。私はこれまでマルマンさんのスケッチブックやノートをたくさん使ってデザインしてきましたので、大変うれしいお声がけでした。 ■ご依頼内容と完成したデザインメールを頂いてから数日後、中野坂上にあるマルマンさんの本社に打ち合わせに伺いました。そして、周年ロゴを作る目的として、 ・60周年を迎えたことを往年のファンに伝える。 ・新しいユーザー層に図案スケッチブックを知ってもらう。 ・スケッチブック表紙に60周年ロゴを表示し、記念商品として発売する。という点をご共有頂きました。 ワクワクしながらデザインをスタートし、さまざまな検討経て完成したのがこちらです。 この写真を見ると、今までと変わらない図案スケッチブックのデザインに、「Sketch Book」と似た文字で「60th」と載せただけに見えるかもし

※2018年6月19日　追記※ こちらに続編を書いております。よろしければ、こちらもお読みください。 初めまして、須藤か志こと申します。 あんまりブログなどで自分の個人的な生活や思想を発信し、見てもらうことに興味がなかったのですが（ゆえに今まで長続きしませんでした）、やってみようと思います。よろ！ 自己紹介をします1996年1月31日生まれです。 釧路市の某病院で、須藤家長女として産まれました。 私は釧路工業高等専門学校電気工学科を2017年3月に卒業しました。 男の子がクラスに40名以上、女子は4名のみという男女比が偏ったクラスでしたが、楽しい高専生活でした。 ご存知の方も多いと思いますが、高専は通常5年間が在学年数です。 私の場合、5年次にフィンランドへ交換留学をしたので、それを含めると6年間高専に在学していました。 留学に関してはもう2年前の話になりますが、あまりきちんとまとめたこと

特に、プロモーションを担当するのみではなく、プロダクトレイヤーから思考するマーケターからの森岡本の支持が高かったですね。 私も、「USJを劇的に変えたたった一つの考え方」は読んで、タメになったと記憶しています。確率思考の戦略論の方は「今の自分にはそこまで必要ない」ということで、存在は認知していましたが、読んではいません。上級者向きな気もしました。 マーケサロンメンバーから今のところ一番支持が高そうな書籍は「USJを劇的に変えたたった一つの考え方」となるので、読んだことない方は、ご一読をオススメします。 2.戦略：５冊オーソドックスな戦略関連の本です。

どうも、さっそ (@satorusasozaki) です。 ぼくは「シリコンバレーで世界を変えるプロダクト作る！」という目標を掲げ、3年前に渡米しました。最初の2年間はエンジニアとして活動し、3年目に現地で出会った4人の仲間とスタートアップを始めました。1年少し続けたのですが解散することになったので、今日は以下の3点を中心に、振り返りを書いてみたいと思います。 ・シリコンバレーで現地の人とスタートアップを創業するまで ・スタートアップな生活 ・スタートアップが解散する理由 シリコンバレーで現地の人とスタートアップをするのはどんな感じなのか、できるだけ具体的に想像していただけるように、私生活など、仕事以外のことも織り交ぜながら書いていきたいと思います。これからサンフランシスコ・シリコンバレーに来て何かやってみたいという人のお役に立てれば嬉しいです。 ・・・ スタートアップを始めるまで最初に、

大学院を入学辞退してまで始めた念願の深圳生活を1ヶ月そこそこで切り上げて日本に帰ってきた。渡航前の計算でスズメの涙のような予算でも7月中旬までは滞在できる予定だったし、実際に財布がすっからかんになったわけでもなかった。深センにいることもできたが日本に帰ってきた。 1ヶ月。 思い返せば一瞬の滞在だったような気もするが、自分なりに最善を尽くした1ヶ月だった。現地生活序盤は頼れる友人もおらず、漠然とした将来への不安と南国的猛暑で日中、何もする気になれずダラダラとしていたのも事実だが。 でも、その時間に「自分がいったい何をしたいのか」をじっくり考えることができたし、深圳に行って一人にならなければ考えもしなかったようなことを考えることもできた。 そして自分がいかに社会をナメくさっていたかも今回の超短期滞在の内に気づいた。情報収集の重要さや自分にその努力が欠けていたことも痛感した。 本noteでは帰国

UIのモーションを考える時、よく脳内でバレリーナの動きを再生する。 妹がバレエをやっていたため実家の居間では、ローザンヌ国際バレエコンクールのビデオがよく流れていた。 ローザンヌは世界最強の若手バレリーナを決める大会だ。この番組はクロード・ベッシー女史というコメンテーターの、辛口実況がウリだった。彼女はパリオペラ座学校の校長先生でもあり、それゆえに評価のハードルが非常に高い。コンテストの登壇者は、ほぼ確実にベッシー先生に滅多斬りにされる。TVカメラのまえで泣きだすこともある。ある意味、登竜門であると同時に公開処刑の場でもあった。 そんなベッシー先生が珍しく大絶賛していたのが、2001年だか2002年に出場したミレナ・シドロヴァだった。（追記、ベッシーさん2002年引退してますね。ビデオで見てたから時系列がメタメタだった。2002年のコメンテーターは別っぽい）。 バレエに特に興味のなかった僕