タグ

UIに関するyatemmmaのブックマーク (9)

  • 2015年に選んだAndroidアプリのUIデザインツール - ゆるりブログ

    1年ぶりくらいに、Androidアプリを作ることになりました。久しぶりにデザインをすることになったので、使ったことのなかったツールをあれこれ調べながら試しています。これからAndroidアプリのデザインを始める方の参考になれば幸いです。 Sketch app Sketch - Professional Digital Design for Mac 2014年の秋ごろのAndroidアプリデザイン時にはIllustratorを使用していたのですが、今回は数日間でサクッと作るのが目的だったのでSketchを使ってみました。SketchにはデフォルトでMaterial designのテンプレートが入っていたりと、ザクザクとアプリのデザインを組んでいくのになかなか快適ですね。まだまだ不慣れでどういう機能があるか把握できてないのにもかかわらず、これといって不自由していません。 File > New

    2015年に選んだAndroidアプリのUIデザインツール - ゆるりブログ
  • iOS アプリの UI でこれだけはおさえたい、読み込み中の体験を向上させる基本 UI パターン3つ - クックパッド開発者ブログ

    ホリデー株式会社 *1 の多田です。Holiday ( https://haveagood.holiday/ ) というサービスの開発を行っています。 アプリを通してユーザに価値を届けるためには、アプリの細部のインタラクションを軽視することはできません。細かい部分に気を配り使い心地を良くしてこそ、サービスで当に実現したい価値をユーザにまっすぐ届けることができるためです。 iOS アプリの使い心地を良くするための基的なインタラクションを以前当ブログで投稿した記事でいくつか紹介しましたが、今回は前回紹介しなかったインタラクションのうち、「読み込み中」の UI の基パターンについて取り上げようとおもいます。 はじめに:なぜ読み込み中の UI を考えなくてはいけないのか Holiday iOS アプリでは、基的にデータはクライアント側で持たずサーバと通信して表示するデータを受け取っており、

    iOS アプリの UI でこれだけはおさえたい、読み込み中の体験を向上させる基本 UI パターン3つ - クックパッド開発者ブログ
    yatemmma
    yatemmma 2015/12/02
  • 流行りのUIをコード付で紹介しているサイト「CodeMyUI」 | ライフハッカー・ジャパン

    『アメトーーク!』家電芸人が絶賛したサーキュライトが #Amazonプライムデー に登場! スペパ抜群で、簡単にスマートホーム化

    流行りのUIをコード付で紹介しているサイト「CodeMyUI」 | ライフハッカー・ジャパン
    yatemmma
    yatemmma 2015/09/29
  • PCサイトのUIデザインにおける12のトレンド | ベイジの社長ブログ

    スマートフォンの普及で、PCで閲覧するWebサイト(以下、PCサイト)に対する注目度は下がっています。しかし、BtoBのデジタルマーケティングにおいては、PCサイトが今後も戦略の中心になるでしょうし、BtoCにおいても、PCサイトが不可欠な領域もまだまだ多いです。 ハードウェア的に大きな変化のないPC向けのWebデザインというと、ノウハウは固定化されている印象もありますが、実際には時代の流れを受け、今も変化を続けています。特に以下のような環境変化が、PCサイトのUIデザインにも大きな影響を与えています。 表示デバイスの多用化 スマートフォンアプリの一般化 タッチスクリーンの普及 トレンドに合わせれば成功、というではありませんが、その根底に流れているユーザ動向の変化については、十分に理解しておく必要はあるでしょう。そこでこのエントリーでは、PCサイトのUIデザインにおける最新動向を、その背景

    PCサイトのUIデザインにおける12のトレンド | ベイジの社長ブログ
    yatemmma
    yatemmma 2015/02/17
    分かりやすくてよい
  • モバイルアプリのUIを処理系統でまとめた『UX Archive』 | 100SHIKI

    これは参考にしたい、という意味でエントリー。 UX Archiveでは、秀逸なモバイルアプリのUIをまとめている。 ユニークなのは処理系統ごとにまとめられている点で「アップロード処理のUI」「削除処理のUI」「登録処理のUI」といったくくりで見ていくことができる。 またアプリごとにも検索できるので、気になるアプリのUIをまとめてみたい場合にも便利だろう。 モバイルアプリはUIが大事なので、覚えておいても損はないかもですな。

    モバイルアプリのUIを処理系統でまとめた『UX Archive』 | 100SHIKI
  • スマホUI考(番外編) 顧客やユーザーの要望に全て対応すると、アプリは99%破綻する | fladdict

    顧客や上司、ユーザーの場当たりな要望に対応しつづけると、どんなアプリもゴミアプリになる。たとえそれが理にかなった要望であっても。 なぜなら面積の限られたスマホでは「一画面の機能数とボタン数」が、使い易さと品質に深くリンクしているからです。 ということを、エラい人にプレゼンするのがお仕事の今日この頃。でも毎回毎回、同じことを説明するのがシンドイので資料をブログにまとめたいなぁと思うなど。 思考実験として、ここでは架空事例としてTwitterアプリを例に考えてみる。 何かの間違いで、日の大手メーカーがTwitterを買収すると・・・UIデザイナーが体を張らないと99%ぐらいの確率でこうなるのです。 ここがオリジナル Request1: ダイレクトメッセージをトップ階層に ユーザーからの真っ当な要望。実際にはサービスの質ではないのですが、要望はかなり多いはず。 ただTwitter社的にはme

  • レスポンシブ対応のフラットなUIフレームワーク·Furatto MOONGIFT

    FurattoはHTML5/JavaScript/CSS3製のオープンソース・ソフトウェア(Apache License 2.0)です。 最近流行のフラットデザインでサイトを作ってみたいと思いつつ、そのデザインフレームワークを使いこなすのが大変…と感じている方はFurattoを試してみましょう。BootstrapをベースにしたフラットUIデザインが実現できます。 ボタンデザイン。四角い、立体感のないデザインです。 カラーバリエーションも良くあるフラット系になっています。 ボタンにアイコンを載せることもできます。 画像。丸く表示もできます。 囲みをつけることもできます。囲みの色も変更可能です。 テーブル表示。こちらは通常のテーブルです。 ちょっと詰まった感じのテーブル。 行ごとの色変更も可能です。 レスポンシブなテーブルもありますが、幅をスマートフォンサイズまで縮めるとうまく表示できませんで

    レスポンシブ対応のフラットなUIフレームワーク·Furatto MOONGIFT
  • 手を使わずに読めるiPad用電子書籍リーダー『MagicReader』にあふれる期待 | ライフハッカー・ジャパン

    GimmiQが開発したiPad電子書籍リーダー『MagicReader』は、手を使わずに読書ができるアプリ。iPad 2以降に搭載のインカメラによって顔の動きを認識し、を選んだり、ページを送ったりできます。 例えば、読書中に左を向くと、ページを左方向にめくります。右なら、右方向へ。上を向くと、の選択画面へ戻ります。記事冒頭のプロモーション動画を見ていただければ、イメージはよりつかめるかと思います。 最初はうまく使えず戸惑いましたが、コツをつかめばしっかりページ送りできました。■認識してもらうには「顔の近さ」がカギ 顔認識モードをオンにすると、画面上部に2つの「★」マークが表れます。★がグレーから青に変わったら「認識できている」というサイン。この状態で顔を動かせば操作できます。 顔の動きをうまく認識してもらうには、どうやら「距離」が肝心のよう。試してみると、上の写真のように両手を軽く伸

    手を使わずに読めるiPad用電子書籍リーダー『MagicReader』にあふれる期待 | ライフハッカー・ジャパン
    yatemmma
    yatemmma 2012/11/23
  • 1分でわかるUIとUXをわかりやすく説明する写真とお話 | インタラクションとデザイン

    ユーザインタフェース 使いやすいように、 わかりやすい画面に、 間違えにくいように、 美しい情報デザイン、 丁寧な説明。 すばらしいユーザインタフェースができた。 ユーザエクスペリエンス しかし、そのATMは少し時間がかかった。 結果的にお客さんは並ぶことが多くなった(気分を害す、イライラ)。 「お金を引き出す、預ける」という銀行の体験は悪くなってしまった。 解説(UIからUXが重要と言われようになった理由) この場合、良いユーザインタフェースを設計できたとしても、並んでしまうことを問題として扱わなくなる。ユーザインタフェースの設計としては、最高のATMを提供することはできるだろう。しかしユーザエクスペリエンスからみると、最高の預金・引出体験にはらない。つまり、最高のUIを提供しても、ユーザの問題を解決したことにならない。だから「ユーザの体験という視点からUIを設計していこうよ!」という流

    yatemmma
    yatemmma 2012/11/21
  • 1