タグ

UIとuxに関するmfks17のブックマーク (8)

  • UI/UXデザイナーのみなさん。 - not simple

    こんにちは。 なぜかインターネット界隈のデザイナーの採用に関わるポジションにいることが多く 過去にデザイナーのポートフォリオを4桁は見ていて、3桁以上のデザイナーと面接しているんですが 比較的地雷だったりするのがUI/UXデザイナーと自称する方、という経験があります。 スマートフォンをはじめとするタッチデバイス全盛の昨今 ユーザーインターフェイス(UI)がユーザーエクスペリエンス(UX)に影響する度合いが大きいというのに理解はあるのですが 前者と後者でそもそも抽象度が違いすぎるし、スキルセットも違うので 安易にUI/UXデザイナーと称することはオススメしていません。 稀にこの間を行き来できる方をお見かけしますが、当に稀でお会いできたのはまだ1桁です。 よくあるのが実はただの Photoshopおじさんだったり Sketchプラグイン探求おじさんだったり ワイヤーに色塗りするのが仕事おじさ

    UI/UXデザイナーのみなさん。 - not simple
    mfks17
    mfks17 2016/10/02
    おじさんばっかりだ
  • マテリアルデザインに見る機能的なアニメーションの6つの法則

    機能的なアニメーションとは、演出のみのアニメーションと違い、その意図が明確かつ論理的に校正された、控えめなアニメーションのことです。それはUIにおける認知的負荷を軽減させ、変化の見落としを防ぎ、そしてよりその空間の記憶を呼び起こしやすくさせ、何よりもUIに命を吹き込みます。 その動きは、増えたり、分かれたり、その形やサイズが変わることで、画面をさらに生き生きと見せることができます。機能的なアニメーションは、ナビゲーション上でユーザーをスムーズに移動させ、スクリーン上の要素の配置の変化を説明し、要素の階層を明確にするために使用するものです。 成功する機能的なアニメーションには、以下の6つの特徴があります。 1. レスポンスがよい UIデザインにおいてビジュアル・フィードバックはとても重要です。なぜなら、ユーザーの認知に対するごく自然な要求に訴えかけるからです。現実世界ではボタンやコントロール

    マテリアルデザインに見る機能的なアニメーションの6つの法則
  • スマフォアプリで見る UI の気付き

    この記事は「#UI Design Advent Calendar 2015」第18日目の記事です。 スマフォアプリの普及により、UI デザインの需要は年々増しています。最近になってアプリの UI デザイナーとしてお仕事を始められた方も多いかと思います。UI デザインは、原則や関連知識の理解を深めることも重要ですが、ケーススタディとしてみることでスキルの習得も早くなります。 今回は、これまでユーザビリティの観点で監修したアプリ UI の中から、ユーザビリティテストのスコアリングが低くなる傾向のデザインパターンをご紹介します。それらは少し見直すだけでスコアが改善されるというのもまた特徴です。やってしまいがちな失敗 UI ケースの入門として、ご参考になればと思います。 スコアリングの指標 アプリ UI のユーザビリティ測定には、アクセシビリティや他の定義を考慮することもありますが、今回のスコアリ

    スマフォアプリで見る UI の気付き
  • 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

    iOSアプリ開発の現場で訊いてみた!freee編 - Qiita
  • 『「AWA」のデザインはどのようにして作られたのか。』

    こんにちは。 AWAでアートディレクション/デザイン/ブランディングを担当しているムロハシと申します。 今回はAWAのUIデザイン、インタラクションがどのようにしてつくられたのか、 先日行った「 メディアプロデューサー養成講座」の講義内容をベースに、 簡単ではありますが書いていきたいと思います。 「AWA」とは? AWAとは、ひとことで言うと 「登録なしですぐに音楽が聴ける定額制の音楽配信アプリ」です。 サービスの特徴として第一にあげられるのは、 ・好きなアーティストを聴くだけでなく「プレイリスト」を軸に、自分の好みにあった音楽が「リコメンド」されること リコメンドを通じて「昔好きだったあの曲」や「まだ知らなかったけど好きな曲」を一人ひとりにパーソナライズしてお届けしています。 そのほかの詳しい説明は プレスリリースをご覧いただければと思います。 インタラクションモックの重要性 AWAの初

    『「AWA」のデザインはどのようにして作られたのか。』
  • 僕が予期的UXにフォーカスする理由

    この記事は専門用語がいくつか出てくるためわかりにくい場合もあると思います。そんな方のために一般的な用語に限ったバージョンも書きましたので、よろしければお読みください。 モノづくりの4つのゴールひと目見れば誰でもわかることですが、サイクルであるということは、「循環」していることと「等価」であることを示しています。 そして、まったく当たり前のことですが、4つのゴールの考え方としては、「ユーザーの行動」を生み出すものは、「ユーザーの体験」です。 (僕自身は必ずしもこの「ユーザーの体験」がいわゆる「UX」と同じものであるかどうかは判断していません。) それを前提として考えを深めた結果、僕はまず予期的UXにフォーカスするという考え方に至ったので、その理由としての経緯を書き留めておこうと思います。 ユーザー体験の時間区分そのいわゆるUXには、「Time spans of user USERexperi

    僕が予期的UXにフォーカスする理由
  • UXのためのUIデザイン

    どんなにすばらしいUXをユーザーに提供しようとしても、UIUXのためのデザインになっていないとユーザーは体験することが出来ません。それはいろんな意味で残念。。UXを正しく考慮したUIをデザインするためには、どうすればいいのでしょうか?Read less

    UXのためのUIデザイン
    mfks17
    mfks17 2013/11/02
  • UIデザインについて改めてしっかりと学ぶために参考になるスライドまとめ

    こんにちは。 スマートフォンサイトやアプリにおいて、重要なことの一つであるUI(ユーザーインターフェース)。 また、PC向けサイトでも、よりユーザー目線に立ったUI設計が必要です。 UI設計ひとつで、大きくコンバージョンが上がったり、クリック率の増加が見込めるので、入念に考えなければなりません。 今回は、UIを徹底的に考えるために、UIについて様々な視点から書かれたスライドをご紹介したいと思います。

    UIデザインについて改めてしっかりと学ぶために参考になるスライドまとめ
  • 1