Cocoda!で『Human Interface Guideline』を実践しながら学べるコンテンツがリリースされました！🚀 Cocoda!デザイナーのグレイテストヒロキです🕺 この度、UIデザインを学習している人・もっとUIデザインのスキルを付けたいデザイナーに向けた、デザインガイドライン(Human Interface Guideline)を元にしたアプリデザインができるようになるコンテンツが追加されました！🎉 同時に、アプリデザインだけでなく「WEBデザインが作れるようになる」コンテンツも追加されているので、そちらと併せてチェックしてみてください！✨ ↓↓早速取組んで見たい方はこちらから👍👍↓↓ https://cocoda-design.com/contents ✍️Human Interface Guideline(=HIG)とは HIGとはApple社が提供するiOS

ソシオメディアがまとめている、ヒューマンインターフェースをデザインする際の指針です。これらは、インターフェースデザインに関する様々な文献と、実際のデザインコンサルティングで得た知見をもとに、ソシオメディアが独自に編纂したものです。継続的に追加・更新していきます。 すべてモデルインタラクションプレゼンテーション

PaulはUXのデザイナーでありデジタルトランスフォーメーションの専門家です。彼はユーザーを促進するためのウェブやソーシャルメディア、モバイルの活用を、非営利やビジネスの分野で手助けしています。 コンテンツマーケティングがますます盛んになっている現代で、私たちは情報オーバーロード（information overload：情報過多）にどのように対処すれば良いのでしょうか？　時間のないユーザーに、どのようにコンテンツを届ければ良いのでしょうか？ 私は13年の間ブログを書き続けており、これは私のビジネスの成功の原動力でもありますが、近年ではこの情報オーバーロードが深刻な問題になりつつあります。 これまで私はマーケティングに一銭も支払ってきませんでしたが、社員を忙しく働かせ続けるのに充分なリードを集めることができていました。しかし、情報オーバーロードによってその事態は変わりつつあります。 201

2019年3月にアップデートしたradikoアプリの改善要望です。 ご賛同いただける方や、ほかにもご要望のある方、今回のアップデートに関する感想など、 #radikoアプリ改善要望 のタグでご意見をつぶやいていただけると嬉しいです。 ある程度の期間の後、radikoにも本まとめを送らせていただく予定です。 続きを読む

Re: Webアクセシビリティの「はじめの一歩」をスクリーンリーダーの使い方を覚えることにしてはどうだろう？ 2018年5月15日 著 短いお返事：覚えないまでも、「はじめの一歩」としてスクリーンリーダーの存在や使用法を知るのは、良いと思います。同時に、二歩目をどう踏み出すかがより重要だと思います。 以下は、長いお返事。Webアクセシビリティの「はじめの一歩」をスクリーンリーダーの使い方を覚えることにしてはどうだろう？ | Rriverを読みました。ええと、まずは自分の書いた記事に言及、リンクしてくださって、ありがとうございます。著者の竜さんは、 Webアクセシビリティを、いまより一層普及させるには、ウェブ制作者の方々の90%以上が、スクリーンリーダー（読み上げ機能）を使えるレベルにしていかないといけないんじゃないかなぁと感じています。 とお書きになっています。「使えるレベル」というのが、

突然ですが、スクリーンリーダーって使ったことありますか？ ちょっと疑問に思ったので、Twitterでウェブ制作に関わる方々（デザイナー、エンジニア、ディレクターなど）に「iOSやAndroidの読み上げ機能って使えますか？」という質問をしてみた ら、実に87%の方が「使えない（試したことはある）（13%）」「試したことない（74%）」ということでした。 ウェブ制作に関わる方々（デザイナー、エンジニア、ディレクターなど）に質問です！？ iOSやAndroidの読み上げ機能って使えますか？ — ryo watanabe | 渡辺竜 (@rriver) May 7, 2018 ※アンケートにご協力いただいた方々、本当にありがとうございました！ 100件の回答なので、これを「ウェブ制作者全般」と見るのは微妙ですけど、このアンケートの回答を見る限りではウェブ制作に関わる方々でもスクリーンリーダーはあ

70歳過ぎの高齢者にフリーWiFiの接続方法について尋ねられた。 ここはショッピングモールのカフェ、「WiFi接続無料」を売りにしている。 自分も、通信容量節約のためによく使っている。 いつも通りradikoを聴きつつ、増田ブラウジングをしていたら、あるご老人から話しかけられた。 「このへんってWiFiつながるんですか？」 しかし、カフェでいきなりこの質問をされたら大抵の人は戸惑うんじゃないか？ 今オレが、この話の前提とこれから起こることを先に提示したから「この老人はフリーWiFiにつなぎたいんだな」と分かるだろう。 だが、何の前提もなくこの質問をされたら一体何のことかと思うだろう。 （WiFiって、どのWiFi？） （つながるって、電波強度の話？） 先読みエスパーならシチュエーションと文脈から分かるのかもしれない。 人工知能ならフレーム問題で機能停止を起こすところだ。 （ためしにSiri

水上　浩一です。 2017年12月に大阪EC実践会13期が終了しました。<br>（現在は14期絶賛開催中です） 今回も月商ギネス（最高売上の更新）ラッシュとなりました。 その中には元々大きな売上だったファッションジャンルのショップさんが<br>11月12月と連続で月商ギネスを更新され昨年対比142％という数字をたたき出すことに成功しました。 本当におめでとうございます！ こちらのネットショップさんに1月下旬、お話を伺う機会があったのですが、<br>特にスマホページの改修を積極的に行い、コンバージョン率を大幅に向上させたのが成果要因だとおっしゃっていました。 スマホサイトではモノは売れない、とおっしゃる方もいらっしゃいますが、<br>EC実践会ではこのようにスマホサイトでコンバージョン率を大幅にアップさせて、結果的に売上を上げることに成功している事例が数多くあります。 スマホサイトはうまく改

任天堂が4月に発売する「Nintendo Labo」は、家庭用ゲーム機「Nintendo Switch」向けの段ボール工作キットだ。段ボールからピアノ、ロボットになりきれるスーツなど、Switchのゲームと連動するコントローラー「Toy-Con」を組み立てる。同社が1月18日朝に発表すると、ネット上では「スゴイ」「感動した」「デジタルとアナログの融合だ」などの声が上がった。現時点で公開されているNintendo Laboの公式動画から「何がスゴイのか」を考察する。 Switchの秘めていた機能をフルに引き出す？ 発売するのは、5種類の工作キットが入った「バラエティキット」（6980円、税別／以下同）と、ロボットのパーツを作れる「ロボットキット」（7980円）。公式サイトによれば「ピアノや、つりざお、バイクなどをつくって、それを『Nintendo Switch』と合体させると、演奏したり、魚

人類学者がUXリサーチに役立つ理由 みなさまはじめまして、比嘉夏子と申します。 私はもともと、海外で長期異文化フィールドワークを実施して人間の価値観や行動について研究してきた人類学者です。最近では人類学の研究で用いられてきた調査手法、いわゆる「エスノグラフィ（人間を経験的・包括的に理解するための記述と手法）」を用いた定性的なリサーチに従事する機会を、人類学研究以外の場でいただくようになりました。 そして現在は京都大学の研究員として在籍しながら、A.C.O.ではUXリサーチの開発をしています。 ところで。 地図で探しだすのにも苦労するような太平洋の小さな島に足を運んで現地語を学び、参与観察をしながら暮らしていた研究者が、なぜいまこうしてUXという全く異なる世界に携わっているのか。一見するとかけ離れた領域のあいだにも、じつは通底する思想や応用できる手法があるのです。そのような断片を、今回はお伝

Florenceは、ベルリンのオンラインプログラミングスクールCareerFoundryに所属するブログライター。 今後10年の間に、デザイナーが今までほとんど注目してこなかった、巨大なマーケットが登場します。その市場とは、音声デザインです。 音声デザインとは何でしょうか？　従来のUXデザインとはどう違うのでしょうか？ 実際には、この２つには多くの類似点が存在します。便利で楽しい音声インタラクションを作り出すには、ユーザーリサーチやペルソナの作成、プロトタイピング、ユーザーフローの作成、ユーザービリティテスト、反復というすべての手段が必要です。 しかし、大きな違いもいくつかあります。 この記事では、音声によるインタラクションが、GUI（グラフィカルユーザーインターフェイス）で行われる通常のインタラクションとどのように異なるのかに注目します。音声デザインを行う上で、発想を変えるためのヒントを

Conversions@Google 2017 での「Mobile in the Future 」というルーク・ロブルースキー氏のプレゼンにすごく感銘を受けたので、ここでもシェアします。ルーク氏はモバイル・ファースト を提唱した、そう、あの人です。 ちなみに、2017年11月にダブリンで行われたイベントだそうですが、アップされてる動画の中でルークさんのプレゼンが圧倒的に再生回数が多い です。さすが。 プレゼンの内容やスライドのデザインはもちろん、Q & A まですべて素晴らしい内容でした。話も上手で出てくる情報やデータの量も半端なくて説得力があるんですよね。本当にすごい。 ところどころ彼のテクノロジーオタクっぽいところが出ているんですけど、それも含めて好きなプレゼンです。自分の考えとシンクロすることも話していて、すとんと腹落ちしました。 3つのポイント 僕がこのプレゼンを見て最も重要だと思

夏、満喫してますか？　夜は何してる？　フェス、ナイトプール、おうちでまったり、友達とビアガーデン……。ViViモデルが夏の夜にやりたいこと×メイクをまとめました。

私たちは普段、お店でものを買う際には必ず「お金を払う」ということを行っています。現金やクレジットカード、交通系電子マネーに加え、最近ではApple Payなどのスマートフォンによる電子決済サービスも登場しています。そのような新しい決済サービスを使ったことがあるという方も増えてきているのではないでしょうか。 このブログでも度々注目されているお金とデザインのこと。先日起こった私の実体験を通して、このような「お金を払う」という体験のデザインについて考えてみたいと思います。 とあるコーヒーショップでの体験談：フィードバックの勘違い これは、とあるコーヒーショップでバーコード決済アプリを利用した際に体験した実話です。 さて、3コマ目で私はなぜ「会計が終わったな」と勘違いしてしまったのでしょう？ 振り返ってみると、会計時に私はこんなことを考えていました。 1コマ目：「電子決済アプリで支払いたい」 2コ

noteのコア体験は、「読む楽しさ」と「書く楽しさ」だと考えています。 本来ならコア体験は、調査でしっかりと導くべきものです。しかしアカデミックなUXとは異なり、実際のスタートアップ環境では時間とリソースに限界があります。このため調べながらも、走り出さなければなりません。 まず序盤はヒューリスティック（経験）ベースのデザインを行いつつ、調査やテストが可能なところから、裏づけやチューニングを行う流れになりそうです。 以下、「読書体験」における「可読性」のパートのメモ。noteチームにとりあえず提案する予定の諸々です（現時点では個人の見解です）。基本的には「当たり前のことを、当たり前に」やる予定。「これもやっとけ」的なことがあれば、タイポグラファーの諸先輩の方々には、ぜひご意見をお伺いできればと。 書体をサンセリフ系に変えるべきか？デジタルでは、一般的にサンセリフ体の可読性は、ローマン体よりも

UX（ユーザエクスペリエンス）の定義や誤解について解説し、本来の意味とは異なる使われ方をしている現状を批判しています。1998年に認知工学者のノーマンが初めて提唱したUXは、製品がどのように見え、学習され、使われるか、ユーザのすべての経験を包括的に捉える概念です。しかし近年、特定の意味を持たない一般語として広まり、定義の曖昧さから誤解も生じています。筆者は次回、自らの定義するUXの概念構造を紹介すると述べています。 今回から全6回にわたり、Web関係者の皆さんを主対象にしたUXの解説を書くことにします。世間に出回っているUXに関する言説には論理的に考えるとちょっとおかしいものが多いので、そうした話を聞かれてきた皆さんには多少の違和感があるかもしれませんが、どうぞよろしくお付き合い願います。 [UX概念の誕生] いまでは頻繁に耳にするUX (注1)という概念は、認知工学者のノーマン(Norm

Webサイトの制作はどんどん複雑化しており、１人で行う仕事ではなくなってきています。サイト制作では、ビジネスの目的に合わせた一貫性のあるデザインによって、快適なユーザー体験を作り出すことが重要です。 Webサイトを分割してチームでデザインをするときにチームメンバーが共通認識を持つには、デザインドキュメントまたはWebデザインのスタイルガイドを作成することが有効です。これは、エンジニアがデザインを変更してしまうことを防ぐのにも役立ちます。 異なるページの間に一貫した体験を作り出すために、スタイルガイドを用意するのはとても有効です。また、今後の開発やサードパーティ製品が生まれた際も、ブランドのガイドラインに沿い、ブランドの一部として知覚されるようにやすくなるでしょう。 Luke Clum氏は、Webデザインの第一歩としてスタイルガイドを利用することについて、昨年簡単に紹介をしました。この記事で