Figmaのバリアブル機能を使ってみよう！（初心者向け）続き
Figmaのバリアブル機能でショッピングカートのモックアップを作るチュートリアルのパート2です。商品を2つに増やして小計を出し、送料無料の条件と合計金額を設定し、送料無料になると文言が切り替わるところまで、バリアブルの作成と割り当て、ボタンへのアクション入力を順に説明します。
Articles by 青嶋
著者一覧2023年6月にFigmaへ追加されたバリアブル機能のチュートリアル、パート1です。日本語の解説が少ない中、インタラクティブに動くショッピングカートのモックアップを題材に、バリアブルの概念からパーツ作成、変数の作り方と割り当て、カウントアップ機能と小計の計算までを説明します。
サイト改修の参考にするため、社内から被験者を募って小規模にユーザビリティテストを実施した記録です。ISO 9241の定義に沿って効果・効率・満足度を見る前提を整理し、タスクと条件の設定、台本や質問の用意、デバイスのセッティング、実施時の注意点までの工夫を紹介します。