タグ

ブックマーク / note.com/mottox2 (1)

  • FOLIOスマホサイトのUIトレースをやって気づいたこと|mottox2

    @mottox2です。先日FOLIO PC版のUIトレースをやりました。PCだけでもかなり学びがあったのでスマホ版のUIトレースもやってみました。 イケてる証券サービスFOLIOのトレースをして気づいたこと トレース結果 気づいたことカラーやタイポグラフィ、テーマの見せ方に関してはPCの記事の方でまとめたのでPCとスマホでの差に注目してトレースしました。 このページのHTMLはスマホ・PCで同じなんですが、ウィンドウの幅によって挙動を変えています。 具体的な箇所を挙げていきます。 - テーマのカードの表示の仕方 PCではカルーセル表示だったテーマ一覧が、上下方向の「もっと見る」なUIになっています。 カルーセル表示はiPhoneのApp Storeなどでよく使われていましたが、最近は上下のスクロールのTodayタブが新設されたあたりのころから減ってきたように思えます。 端末のジェスチャーが

    FOLIOスマホサイトのUIトレースをやって気づいたこと|mottox2
  • 1