UI/UX デザイン

  • 画像
  • 画像
  • 画像
  • 画像
  • 画像
  • 画像
  • 画像
  • 画像
  • 画像
  • 画像
  • 画像
  • 画像
  • 画像
  • 画像
  • 画像
  • 画像
  • 画像
  • 画像

実績例:
金融系WEBアプリケーション

 現在WEBデザインから一歩踏み込んだUIデザインやUXデザインが重要視されつつあります。特に例のようなWEBアプリケーションの場合、ユーザーが扱いやすいように、また操作に迷ったり失敗しないように適切な要素の配列や画面遷移が非常に重要になります。それはアプリケーションに対するユーザー評価に大きく影響します。
 例のWEBアプリケーションの場合は一瞬でも目を離せない指標があるため画面全体を一目で見渡せることができ、データを把握できるように画面全体はスクロールしない設計としています。またユーザーが使用するデバイスはPC、スマートフォンやタブレットはもちろん、iOS、AndroidさらにSurfaceとOSも多岐に渡り通常のレスポンシブ・デザインから一歩踏み込み各デバイスでも画面が最適化されユーザーの操作性を損なわないよう最新の注意を払いデザインしました。

主要担当部分

  • UI/UXデザイン
  • WEBデザイン
  • レスポンシブ・デザイン
  • Bootstrap
  • HTML5
  • CSS3
l>thumbnailItem).on('click', function() { var index = $(this).attr("data-index"); $(slider).slick("slickGoTo", index, false); }); //サムネイル画像のカレントを切り替え $(slider).on('beforeChange', function(event, slick, currentSlide, nextSlide) { $(thumbnailItem).each(function() { $(this).removeClass("thumbnail-current"); }); $(thumbnailItem + '[data-index="' + nextSlide + '"]').addClass("thumbnail-current"); }); });