タグ

デザインとuiに関するfujii_isanaのブックマーク (5)

  • 小さい子どもにコンピュータを触らせるということ - ビスケットのあれこれ

    ビスケットは,開発して新しい機能を追加したときなど,必ず子どもたちが使っている様子を自分目で見てどんな風に使っているかを見てきます(最近はその暇が無くて他人に任せていたりして,かなりまずいんですが).3年前くらいの面白いエピソードをご紹介しましょう. ちょうど,Androidタブレットで動くビスケットを開発していて(これはまた一般には配布していません.実験環境だけです),それがどのように子どもたちに使われるか見に行きました.僕としても指で直接操作するタブレットのUIの開発は初めてで.実は,マウスとタッチペンの操作は結構似ています.どちらも,非常に小さいエリアを結構正確にポイントできて,ドラッグもできますから.どちらかというと,ペンの方がドラッグが得意でしたね.小さい子はマウスクリックが全然出来ないとか(ボタンを押すときに指先だけ押すということができないので,手を握ってしまって,その結果マウ

    小さい子どもにコンピュータを触らせるということ - ビスケットのあれこれ
  • 分かりやすく、使いやすいデザインを生み出す工夫|オンライン動画授業・講座のSchoo(スクー)

    ユーザーにとって分かりやすく使いやすいデザインを提供するためには、プラットフォームにあった標準的なデザインを用いること、ユーザーのストーリーに沿ったUIを用いること、コンテンツに合わせた表現で興味を持ってもらうこと、などが考えられます。 それらを事例を元に考えるとともに、使いやすさ分かりやすさを超えて、いつも使いたくなるような愛着を持てる工夫を施すためにはどのような事ができるか一緒に考えていきましょう。 【題材事例】 ・プラットフォームの標準的表現と特徴 「これら3つのUIAndroid的なUIはどれ?」 ・適切なメッセージ表現 「お気に入りに追加する場合の適切なメッセージは次のうちどれ?」 ・フィードバックのための表現 「コンテンツ投稿者に感謝の気持ちを伝えるのに適したUIはどれ?」 ・数値計測による分かったデザインの成果事例 「次のうち実際にユーザーのアクションが多かったデザインはど

    分かりやすく、使いやすいデザインを生み出す工夫|オンライン動画授業・講座のSchoo(スクー)
  • UI/UX設計の教科書、About Face 3輪講の資料を公開します - ninjinkun's diary

    一昨年に社内で行ったAbout Face 3輪講の資料を公開します。実は今までずっと公開されていたのですが、存在を知られていなかったので、改めて周知します。 About Face 3はUI/UX設計の教科書で、ユーザーストーリーやペルソナなど、基的な内容が押さえられています。ディレクター、デザイナー、エンジニア、サポート等、プロダクト制作に関わる全員の共通知識として使える内容だと思います。 About Face 3輪講概要 1. ゴールダイレクテッドデザイン 2. 実装モデルと脳内モデル 3. 初心者、上級者、中級者 5. ユーザーのモデリング : ペルソナとゴール 6. デザインの基礎 : シナリオと要求 8. 優れたデザインの総合 : 原則とパターン 10. オーケストレーションとフロー 11. 間接的な操作を取り除く 12. 良き振る舞いのデザイン 13. メタファ、イディオム、ア

    UI/UX設計の教科書、About Face 3輪講の資料を公開します - ninjinkun's diary
  • ノンデザイナーズデザインブックを読み解く // Speaker Deck

    MIND HACKSとインタフェースデザインの心理学を引用しながら、デザインの基4原則を解説していきます。 ==================== あわせて読みたい ==================== 少ない手間と知識で”それなり”に見せる、ズルいデザインテクニック https://speakerdeck.com/ken_c_lo/zurui-design ノンデザイナーのための配色理論 http://www.slideshare.net/saucerjp/ss-14902681 初めての欧文書体 http://www.slideshare.net/shoheiitoh/ss-17245066 0.1ランク上のアイコンの作り方講座 https://speakerdeck.com/is8r/0-dot-1rankushang-falseaikonfalsezuo-rifang-ji

    ノンデザイナーズデザインブックを読み解く // Speaker Deck
  • フラットデザインとは?UIの特長と注意点 デザイン会社 ビートラックス: ブログ

    最近「フラットデザイン」という言葉をよく耳にする 。 このデザインスタイルは、グラデーションやシャドウなどの立体的要素を極力避けコントラストの強いカラーパネルと文字要素を活用して構成される。このスタイリッシュなフラットデザインの出現により、今までのエフェクトゴテゴテのUIがいきなり古くさく感じる事態が発生している。 ここ最近ではGoogleが提供する種々のアプリやFacebookのUIWindows 8、そして多くのスタートアップ企業が提供するスマホアプリで、このフラットデザインをUIのテーマとして採用するケースが増えている。 例えその呼び名を知らなくても、サイトやアプリを通して、多くのユーザーがそのデザインスタイルを目にしていると思う。代表的な例としてはClear、Moni、Clear Weatherなどが挙げられる。 フラットデザインの主な特徴特にはっきりとした決まりがある訳ではない

    フラットデザインとは?UIの特長と注意点 デザイン会社 ビートラックス: ブログ
  • 1