UI/UXデザイナーのみなさん。 - not simple
こんにちは。 なぜかインターネット界隈のデザイナーの採用に関わるポジションにいることが多く 過去にデザイナーのポートフォリオを4桁は見ていて、3桁以上のデザイナーと面接しているんですが 比較的地雷だったりするのがUI/UXデザイナーと自称する方、という経験があります。 スマートフォンをはじめとするタッチデバイス全盛の昨今 ユーザーインターフェイス(UI)がユーザーエクスペリエンス(UX)に影響する度合いが大きいというのに理解はあるのですが 前者と後者でそもそも抽象度が違いすぎるし、スキルセットも違うので 安易にUI/UXデザイナーと称することはオススメしていません。 稀にこの間を行き来できる方をお見かけしますが、本当に稀でお会いできたのはまだ1桁です。 よくあるのが実はただの Photoshopおじさんだったり Sketchプラグイン探求おじさんだったり ワイヤーに色塗りするのが仕事おじさ
マテリアルデザインに見る機能的なアニメーションの６つの法則
機能的なアニメーションとは、演出のみのアニメーションと違い、その意図が明確かつ論理的に校正された、控えめなアニメーションのことです。それはUIにおける認知的負荷を軽減させ、変化の見落としを防ぎ、そしてよりその空間の記憶を呼び起こしやすくさせ、何よりもUIに命を吹き込みます。 その動きは、増えたり、分かれたり、その形やサイズが変わることで、画面をさらに生き生きと見せることができます。機能的なアニメーションは、ナビゲーション上でユーザーをスムーズに移動させ、スクリーン上の要素の配置の変化を説明し、要素の階層を明確にするために使用するものです。 成功する機能的なアニメーションには、以下の６つの特徴があります。 1. レスポンスがよい UIデザインにおいてビジュアル・フィードバックはとても重要です。なぜなら、ユーザーの認知に対するごく自然な要求に訴えかけるからです。現実世界ではボタンやコントロール
スマフォアプリで見る UI の気付き
この記事は「#UI Design Advent Calendar 2015」第18日目の記事です。 スマフォアプリの普及により、UI デザインの需要は年々増しています。最近になってアプリの UI デザイナーとしてお仕事を始められた方も多いかと思います。UI デザインは、原則や関連知識の理解を深めることも重要ですが、ケーススタディとしてみることでスキルの習得も早くなります。 今回は、これまでユーザビリティの観点で監修したアプリ UI の中から、ユーザビリティテストのスコアリングが低くなる傾向のデザインパターンをご紹介します。それらは少し見直すだけでスコアが改善されるというのもまた特徴です。やってしまいがちな失敗 UI ケースの入門として、ご参考になればと思います。 スコアリングの指標 アプリ UI のユーザビリティ測定には、アクセシビリティや他の定義を考慮することもありますが、今回のスコアリ
IAとUXデザインの違い
私の職業を「UXアーキテクト」と説明すると、必ず次に「IA（情報アーキテクチャ）とUXの違いは何？」と尋ねられます。両者には明らかな違いがあるにも関わらず、その境界線は不明確です。どのように説明するべきでしょう？ Wikipediaによると、IAは「ユーザビリティを支えるために、ウェブサイトを体系化し、分類するための技術と科学」です。同じソースによると、UXは「人々が製品やシステム、サービスを利用する際の感じ方。利便性、使ったときの心地よさ、システムの効率性（を含む）」とあります。 これらの定義によると、UXはIAを基礎として、これを次のレベルへと押し上げるものと言えます。 IAは構造に関与する IAは比較的古い用語です。ウェブにおいても古くから使われ、技術全般の進歩においても古くから使われ、主にユーザーを案内していくコンテンツの構成や構造に焦点を当てます。デジタルの観点からは、単純なパン
メールこそがUX！ UX設計で見落としがちな罠とは？
JanetはCustomer.ioのマーケティングマネージャー。Customer.ioはウェブやモバイルのアプリサービス向けのスマートメール配信サービス。彼女のtwitterは@lethargarian、会社のアカウントは@customerio。 あなたは「サービスの価値は、そのサービス自体が物語るものだ」と考えていませんか？ 映画『フィールド・オブ・ドリームズ』に“build it and they will come”（作ってしまえば、結果は後から付いてくる）という言葉が出てきますが、たいていの人はそのように考えているため、サービス開発に莫大なコストをかけても、そのサービスに関するメールにはほとんどコストをかけません。また、メールを送ってもスパムになってしまうのではないかという不安を抱えていたりもします。 しかし、メールもサービスの一部なのです。メールはユーザーが最初のユーザー登録をし
iOSアプリ開発の現場で訊いてみた！freee編 - Qiita
確定申告は近所の地域区民センターで提出する派、@yimajoです。 iOSアプリ開発者に最近の開発スタイルを訊いてまわる「iOSアプリ開発の現場で訊いてみた」待望の6社目に行ってきました。 6社目はクラウド会計ソフトfreeeを作られているfreee社！ クラウド会計ソフトfreeeとは何か freeeは銀行やクレジットカードのweb明細から簡単に帳簿を作成したり、青色申告決算書や確定申告書Bの出力に対応しているWebベースのアプリケーションです。 従来の青色申告用のアプリケーションはWindows専用が主流だったため、Macを使うiOSアプリ開発者ならfreeeを使ってる方も多いのではないでしょうか？ 訊いてきたこと インタビューに応じてくださったのはエンジニアの@yonekawa、@yo_waka、広報担当の@NaoMaemuraの3人。 とくに最近@yo_wakaはfreee社でのR
カスタマージャーニーよ、さらば。 | AdverTimes.（アドタイ） by 宣伝会議
いやぁ、こんなバナー、お客さんクリックすると思う？ え、クリックが目的じゃない？ じゃあ何なのよ。ブランド認知？ このバナーで認知をとって、後から検索させる？ そうしたら検索広告はどうなってんの？ これの承認もらえたら考える？ あのさぁ、まずカスタマージャーニーを描こうよ。全体のシナリオがないと個々のパートの是非は判断できないじゃない–。 そんなクライアント、あるいはボスの一言から、カスタマージャーニーをめぐる我々の旅はスタートします。しかし、その旅は幻の白鯨「モビー・ディック」を巡るピークォド号の死の航海のごとしです。喧々諤々の議論の末、ジャーニーはどうにかでき上がるわけですが、何となくみんなしっくりきません。スターバック一等航海士（余談ですがスタバの語源）は航路に不安を覚えています。銛打ちのクイークエグは食料を心配しています。そしてしまいには、狂気のエイハブ船長がこんなことを言い出しま
『「AWA」のデザインはどのようにして作られたのか。』
こんにちは。 AWAでアートディレクション／デザイン／ブランディングを担当しているムロハシと申します。 今回はAWAのUIデザイン、インタラクションがどのようにしてつくられたのか、 先日行った「 メディアプロデューサー養成講座」の講義内容をベースに、 簡単ではありますが書いていきたいと思います。 「AWA」とは？ AWAとは、ひとことで言うと 「登録なしですぐに音楽が聴ける定額制の音楽配信アプリ」です。 サービスの特徴として第一にあげられるのは、 ・好きなアーティストを聴くだけでなく「プレイリスト」を軸に、自分の好みにあった音楽が「リコメンド」されること リコメンドを通じて「昔好きだったあの曲」や「まだ知らなかったけど好きな曲」を一人ひとりにパーソナライズしてお届けしています。 そのほかの詳しい説明は プレスリリースをご覧いただければと思います。 インタラクションモックの重要性 AWAの初
僕が予期的UXにフォーカスする理由
この記事は専門用語がいくつか出てくるためわかりにくい場合もあると思います。そんな方のために一般的な用語に限ったバージョンも書きましたので、よろしければお読みください。 モノづくりの4つのゴールひと目見れば誰でもわかることですが、サイクルであるということは、「循環」していることと「等価」であることを示しています。 そして、まったく当たり前のことですが、4つのゴールの考え方としては、「ユーザーの行動」を生み出すものは、「ユーザーの体験」です。 （僕自身は必ずしもこの「ユーザーの体験」がいわゆる「UX」と同じものであるかどうかは判断していません。） それを前提として考えを深めた結果、僕はまず予期的UXにフォーカスするという考え方に至ったので、その理由としての経緯を書き留めておこうと思います。 ユーザー体験の時間区分そのいわゆるUXには、「Time spans of user USERexperi
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
UXのためのUIデザイン
UIデザインについて改めてしっかりと学ぶために参考になるスライドまとめ