2020年1月に行われた Design Matters Tokyo のセッションでUXライティングについて学んだので記事にまとめます。 Slack社でUXライティングに取り組んでいるアンドリューさんのお話で、実際にUXライティングするワークショップも体験したので共有したいと思います。 Slack社のアンドリューさん UXライティングとはUXライティングとは、ソフトウェアやインターフェースを言葉で対話可能にすることを目的としたコピーです。 ユーザーの行動フローを理解し、専門用語を使わずに対話できるインターフェースを設計する職種のことを「UXライター」と呼んでいますが、まだまだ新しく誕生した職種のためいろいろと模索しているとのことです。 特にSlackでは人とのつながりの構築を意識してUXライティングに取り組んでいて、 どうやったら人と繋がれるのか。 どうやったら言葉で人と寄り添えるのか。 ど

ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog Yahoo!ニュース デザイナーの広垣です。 11月上旬、Yahoo!ニュースアプリはダークモードをリリースしました。※Android10（Q）以上/iOS13以上 Yahoo!ニュースアプリがダークモードに対応しました- newsHACK 昨日はエンジニアからYahoo!乗換案内アプリの事例を元に実装面について解説がありました。 本日はデザイナー視点からYahoo!ニュースでの事例を元にダークモード対応事情をご紹介したいと思います。 【補足】 画面を暗めの配色に切り替える機能について、「ダークモード」「ダークテーマ」などさまざまな呼び方がありますが、この記事では中ではすべて「ダークモード」と呼んでいます。 また、「ダークモードで

はじめに 現代では多くの人々がスマートフォンやタブレットを所持し、ゲームを楽しんでいることと思います。 モバイル向けのゲーム市場は大きく、世界では今も多くの開発者たちが iOS / Android 向けの商用ゲームを作っています。 さて、モバイルゲームの開発には、多くの開発者を悩ませるちょっと困った事情があります。 それは ディスプレイが非常に多くの多様性を持っている ことです。 正方形に近い形のタブレットもあれば細長い端末もあり、カメラがディスプレイの中に割り込んでいたり、 OS が専有する領域があったりと様々です。物理的な大きさもバラバラですね。 そのくせモバイル端末はタッチパネルで、ディスプレイに触れる UI になっているのです。 ゲーム開発を生業とする多くのエンジニア / アーティスト / ゲームデザイナーは、 これまでに何度も頭を抱えてきたことでしょう。 本稿では、2019 年現

こんにちは！三井住友銀行 デザイナーの堀と申します。 前回の初投稿から、SNSなど多方面でたくさんの反応をいただきありがとうございました。予想以上の反響で銀行内でも話題となり、三井住友銀行のデザイナーの活動が少しでも広がったことにうれしく思います。 その中で「銀行アプリが変わった」とのコメントを多くいただき、自分たちが関わったプロジェクトがお客さまの手元に届いているんだなぁと感動しました。 今回はその「三井住友銀行アプリ」について書いていきたいと思います。 本題に入る前に…、お伝えしたいことがあります。 三井住友銀行初！2019年度グッドデザイン賞を取りました！！（ぱちぱちぱち） デザイナーだけでなく、たくさんの方々のご協力、お客さまの声から作られたアプリなので受賞したときは本当にうれしかったです。 それでは本題です。 アプリリニューアルの背景 様々な理由がありますが、まずはこれです。 キ

2013年から、YouTubeチャンネル『無駄づくり』を開始し、無駄なものを作り続ける。 ガールズバーの面接に行ったら「帰れ」と言われた（動画インタビュー） 前の記事：今の私なら、納豆を一万回混ぜるマシーンを作れるはず ＞ 個人サイト 無駄づくり グレーゴルの気持ちとは何か カフカの「変身」という小説がある。不条理小説の代表で、読んでないにしてもあらすじを知っている人は多いかと思う。 外交員として家族のためにあくせく働くグレーゴル・ザムザが朝起きたら毒虫になっている。奇怪な現象の謎は解き明かされぬまま、虫になったグレーゴルとその家族の日常が過ぎて行く、そんなストーリーだ。 小説の不気味さの一つはその文体にある。淡々と日常を描き過ぎなのだ。 改めて読み返し、理解しようとメモをとってみたりもした 例えば、虫になったことに気づいたグレーゴルが部屋の中で今後のことを考えていると、無断欠勤かと思った

前回の投稿でAppleのFluid Interfacesについての論考しましたが、Fluid Interfacesが生まれた一つの背景として、ディスプレイの巨大化があります。 本稿では大画面化するディスプレイへのUIデザインの対応について、現在どの様な流れになっているのか、個人的に観測している中で考察している事をご紹介したいと思います。 巨大化し続けるディスプレイサイズ2007年に初めてiPhoneが世に出てから、現在の最新のモデルiPhone XS Maxまでのディスプレイサイズの変遷をまとめたのが下の図です。 初代iPhoneとXS Maxを比較すると、物理的なディスプレイ面積は約2.7倍大きくなり、ディスプレイの縦横比は約1.4倍縦長になっています。 iPhone Xから22%縦長化特に著しく変化したのが、iPhone Xが登場した事によってそれまで1.77だった縦横比が2.16まで

Tik Tokが中国、日本、タイ、ベトナムで大流行している。音楽に合わせて、口パクでダンスしている15秒ムービーを投稿する動画SNS。流行をしたのは偶然ではなく、UI/UX、グローカルなど3つの戦略があったからだと接招が解説した。 アジア圏で大流行しているTik Tok Tik Tokは15秒動画のSNS。音楽に合わせて口パクとダンスをすることで動画が簡単に作れ、中国だけでなく、アジア地域で大流行している。日本でも、JC JK流行語大賞2017のアプリ部門の３位にTik Tokが選ばれている。 特に中国国内では爆発的といってもいいほどの流行で、現在、1日の起動回数は1.5億回。これはスマホ決済「アリペイ」の起動回数とほぼ同じだという。 さらに、2017年8月に海外版がリリースされると、瞬く間に広がり、150以上の国でダウンロードされ、ユーザー数はすでに1億人を超えている。Sensor To

2018年5月14日〜16日に、東京ミッドタウンで開催されているAd Week Asia。会社の偉い人から関係者向けのチケットをもらったので行ってきました。 何を聞こうかな〜とパンフレットに目を通していたら「スマホ時代のコンテンツデザイン」なる講演を発見。LINE・桜川さんのお話がめちゃ良かったのでメモを残しておきます。 こんな風に「より届けるべき人に届ける、よく読んでもらうために何をするべきか？」を考え続けてるのいいな〜。みんな読んでね。 ちなみにほか記事は以下 Googleは、機械学習でどうマーケティングを変えようとしているのか #AWAsia - @d_tettu blog 6秒でメッセージを届ける方法とはーーYouTube動画広告の効果的な作り方 #AWAsia - @d_tettu blog 「伝える」は奥が深い。メディア編集者3人が語る”これからのストーリーテリング” #AWA

平成とは　第１部：時代の転機　（１）８０５０危機 ４０～５０代になってもひきこもる子。それを支え続ける７０～８０代の親。見えにくい親子の孤立が広がる。過保護や甘えが原因と思われがちな長期ひきこもり。だが目をこらせば、雇用劣化など平成社会の構造変化が背景に透けて見える。 親亡き後、息子や娘はどう生きていくのか。長期ひきこもりの中高年の子がいる高齢の親たちにとって痛切な課題だ。「誰にも相談できない」という家族のＳＯＳに動かされ、支援の取り組みが動き出す。 親が（Ｏ）、死んだら（Ｓ）、どうしよう（Ｄ）。親の苦悩を、そのまま団体名にした支援組織が７月に発足した。「ＯＳＤよりそいネットワーク」（東京都、理事長・池田佳世）だ。１２月２日には都内で初の講演・シンポジウムを開き、全国から約９０人の親が参加した。 池田は「社会とのつながりがなく『親が死んだら一緒に死ぬ』というお子さんも多い。親が元気なうちに

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

こんにちは。VASILYに入社して、オシャレぶるようになったと周りにイジられているデータサイエンティストの金田です。 VASILYでは、プッシュ通知の開封数を上げるために様々な施策を行っていますが、その一つとして、多腕バンディット問題を応用し、複数の異なるタイトル文の配信比率を動的に最適化することで、開封数を高めるといった取り組みを行っています。今回は、なぜプッシュ通知配信の最適化に多腕バンディット問題を応用したのか、アルゴリズム選定にあたりどのようなポイントを考慮したか、また実用にあたってどのような問題に直面し、それをどう克服したのか、といった点について紹介したいと思います。 プッシュ配信最適化の背景 iQONでは、新着の雑誌記事やコンテストのお知らせをユーザーへ通知するため、１日に数回プッシュ通知を配信しています。プッシュ通知は、どのようなタイトル文を配信するかによって、開封率が大きく

徐々に浸透しつつあるGoogleのデザインガイドライン、マテリアルデザインですが、先日ようやく日本語版も公式にリリースされました。 マテリアルデザインやマテリアルモーションは実世界のモチーフを用いて、ユーザーがより直感的にUIを把握・誘導できるようにするためのものです。詳しくは以下の記事をご覧ください。 UIデザインの歴史に学ぶシャドウと奥行きの使い方 この記事ではUIコンセプトやポートフォリオをたくさん掲載しているMaterialUpから、マテリアルデザインを用いたデザイン例をピックアップしてご紹介していきます。すべてCodePenで実装済みの作品なので、裏側のコードを見て実装のヒントに役立ててください。 MaterialUpのオススメUIコンセプト５選 1. ミュージックプレイヤー 楽曲再生アプリのUIコンセプトです。プレイボタンを押すとジャケットやシークバーがレコードのように変わりア

いつもNewsPicksをご利用いただき、ありがとうございます。 デザインイノベーションチームの甲斐です。 現在NewsPicksではアプリのリニューアルプロジェクトを進めています。 その第1弾として、5月末にリリースするナビゲーションの変更を事前にお知らせいたします。 新しいナビゲーション 5月末に予定しているリリースでは、以下の2点の変更を行います。 ヘッダーナビゲーションの変更 フッターナビゲーションの追加 新しく追加されたフッターナビゲーションからは、「マイピックス」「お知らせ」「設定メニュー」へアクセスすることができ、より簡単にご利用いただけるようになります。 また、ニュースの表示領域を考え、指の動きに従って表示面積が広がるようになっています。 変更の理由 以下の2点を改善をするために今回ナビゲーションの変更を行います。 1. 機能へのアクセスが分かりづらい点 2. 選択中のニュ

Millions of iPhone and Android users might get a fright this week, as they glance down at their home screen to ogle their friends’s photos. Where before they had tapped on a friendly and venerable cartoon of a camera, now they’ll behold a smear of fuchsia and creamsicle and the barest geometric hint at a lens. Instagram, the tenth-most popular app in the United States, has changed its icon. People

TOP > Technology > 注目テクノロジー > UX課題を”つくる前”に改善！インド発の無料プロトタイピングツールが、人間の仕事を本気で奪いにきてる こんばんは、イイノです。 つい先日にはAdobeXdのプレビュー版がリリース。プロトタイプが本格的に現場に浸透するぞー！なんて、話題になってますが、個人的にはXdを超える？なんて思えるプロトタイピングツールを発見してしまったので、紹介してみようかなと。 これまでのプロトタイピングツールでは難しかった『複数人プロトタイピングでの挙動をトラッキング分析』や、『個別＆全体での行動をレポーティング』といった機能を搭載し、なんと無料で利用可能にしてしまったという衝撃のツール『CanvasFlip』。 インドの天才たちが作ってくれたこのツールで、プロトタイピングとユーザーテストの手順や手間やコスト、その他もろもろな常識が変わってしまう？…かも

Retty x Gunosy Beer bash #3 での内容です。

鼻毛はなぜ必要なのか。 エチケットカッターの話をする前に、そもそも「鼻毛がなぜ生えているのか」ご存知ですか？鼻毛は、雑菌や花粉、ほこりをブロックする「フィルター」としての役割があるんです。とにかくなくせばいいわけじゃない。 だから、エチケットカッターの先端は鼻の穴の奥まで入り過ぎないように、なだらかな「すりばち状」にしています。「フィルター」として必要な鼻毛は残しつつ、外見上見えてしまう、「邪魔な鼻毛」だけが剃れるわけですね。 鼻毛が出ていると仕事ができないと思われる？ 生物学的に大切な鼻毛ですが、チョロリと鼻からはみ出していると、ちょっとまずいことになります。鼻毛にまつわる調査を実施した結果、「鼻毛が飛び出していた」時にドン引きする人は88.0％。これは、髪の毛のフケ（83.6％）や、歯の食べかす（82.7％）を押さえて第1位なんです。女性では、95.2％もの人がドン引きします。さらに

アプリマーケティング研究所 > アプリ開発 > 自分たちを信じて「つくっては壊して」を6ヶ月くり返した。日本発のゲームアプリ「Brain Dots」世界2,000万ダウンロードの裏側と2つのプレッシャー。 自分たちを信じて「つくっては壊して」を6ヶ月くり返した。日本発のゲームアプリ「Brain Dots」世界2,000万ダウンロードの裏側と2つのプレッシャー。 今回は、世界2,000万ダウンロードのゲームアプリ「Brain Dots」を取材しました。 ※トランスリミット株式会社 CEO 高場大樹さん （スタッフは25名［アルバイト込］で、ビジネス1名［広報・採用］、デザイナー１名、残りはエンジニア） 「Brain Dots（ブレイン ドッツ）」ができるまで。 「Brain Dots」について教えてください。 「Brain Dots」は画面に線を引いて、2つのタマをぶつけるゲームです。201

PRIVACY NOTICE: Each country and regional website of Nintendo is governed by its own privacy policy so please be sure to carefully review and familiarize yourself with the privacy policy of each Nintendo website you visit. * This is a website operated by a local distributor.