Androidタブレットアプリ UXデザイン モックアップ作成

  • 画像

実績例：
サッカー指導用
Androidタブレットアプリ

　サッカー指導者がジュニア・サッカー選手のトレーニング用として使うためのアンドロイド・タブレット専用アプリのUXデザインを担当しました。
　非常に画面遷移が複雑で分かりにくく、最初にFigmaでプロトタイプを制作しました。その後何度も発注者と議論を重ねた結果、より画面遷移の検討を重ねる必要が出てきたためにHTMLベースのモックアップを制作。
　画面の構成、ボタンの有無、テキストの必要性などの検討を行うため、固定イメージを持たないようにあえてUIデザインは行わず、最低限のパーツの配置にとどめています。
　左のはHTMLベースのモックアップ画像で、デザインは施していない状態です。

主要担当部分

  • UXデザイン（Figma）
  • モックアップ制作（HTML）
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"); }); });