プログラミング教育や社員の健康をサポートする「CHO室」の取り組みなど、DeNAのCSRに関する情報を発信するブログ
![UXの効果が数字でわかる!5つのUX KPI : DeNA Creator(クリエイター) Blog](https://cdn-ak-scissors.b.st-hatena.com/image/square/0e8f8dc2ea3929c2f57ef2757771449f43780990/height=288;version=1;width=512/https%3A%2F%2Fdena.com%2Fimages%2Fcommon%2Fogp.png)
プログラミング教育や社員の健康をサポートする「CHO室」の取り組みなど、DeNAのCSRに関する情報を発信するブログ
Webデザイン 1-14 スマートフォン/タブレットを考慮したUIデザイン PCとスマートフォンの違いは、ブラウザの大きさだけではない。クリックとタップといった挙動をはじめ、相違点を充分に理解しておかないと、せっかくのWebサイトもスマートフォンではサーフできない可能性もあるので注意が必要だ。 制作・文/白木達也(アローグ・プランニングス) 飯塚まり子 一般的に、ある程度慣れたユーザーであればクリック=タップ、スクロール=フリックなどの、アクションとそのリアクションを予想することができる【01】。しかし、実際には端末によって微妙な違いがある。さまざまなハンドアクションがある中で、少し違いの目立つものを挙げてみよう。 【01】「Touch Gesture REFERENCE GUIDE」 米国のインタラクションデザイナー/IA であるルーク・ウロブレウスキ(Luke Wroblewski)氏
いいUIというのはつい真似したくなるものです。それが特にデザインの良さを売りにしているアプリの場合はそうでしょう。今回はキュレーションニュース配信アプリ、SmartNewsに注目したScrollMenuBarDemoを紹介します。 ScrollMenuBarDemoはSmartNewsアプリのメニューバー部分、タブ風に分かれていてスクロールできる機能に注目しています。それでは見ていきましょう。 ScrollMenuBarDemoのスクリーンショット トップ おお、実にそれっぽいデザインです。タブは最大幅が決められ、それに従って幅が増減する仕組みになっています。 スクロール もちろんスクロール可能です。 タップ どのタブをタップしたか補足できます。タブの下の小さいバー部分の色も変わっています。 別タブに切り替え スムーズな操作で分かりやすいです。 ScrollMenuBarDemoの使い方
2012年2月3日、“シリコンバレー流”のユーザー・インタフェース(UI)やユーザー体験(UX)、ブランドのデザインをテーマにしたトークセッションが、デジタルガレージ本社で行われた。 登壇したのは、米エバーノートでクリエイティブディレクターを務めるゲイブ・キャンポドニーコ氏(写真1)。米アップルでの勤務経験も持つ同氏は、この数年にわたるエバーノートのアイコンのデザインからブランド構築までの数々の経験談を語った。 同氏が講演で指摘したUIとUX、ブランド構築のポイントは、以下の9点にまとめられる。 1)最初から編集に着手してはいけない 最初の教えは、「いきなり編集に着手してはいけない」。同氏がデザインする際に心がけているのは、できるだけたくさんの情報を収集すること。そのために同氏は、たくさんの人に会うのだという。 エバーノートには創業時から参加することになったので、同氏はまず企業ロゴを考える
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く