UI研修#04 ワイヤーフレーム制作フロー

August 21, 2023

Design

140

UI研修#04 ワイヤーフレーム制作フロー

社内のUIデザイナー全員を対象としたUI研修の資料です。
第4回目は、UX/UI制作の工程のひとつである「ワイヤーフレーム制作」をさらに分解し、「情報設計」「画面フロー検討」「画面レイアウト検討」の3パートに分けて説明しました。

f4samurai
PRO

August 21, 2023

Tweet

More Decks by f4samurai

See All by f4samurai

CEDEC2023｜『コードギアス反逆のルルーシュロストストーリーズ』 IPタイトルの世界観を崩さない為の UI/UXデザインの進め方

0

110

株式会社f4samurai｜会社紹介資料

0

41k

UI研修#01 デザインの基本フレーム

1

220

UI研修#03 UX/UIデザイン制作フロー

0

410

UI研修#05 わたしのUI思想

0

120

UIデザインワークショップ UIデザインの基礎と実践

0

460

Other Decks in Design

See All in Design

Design Your Own App Using Figma by Medha Muppala

0

1.5k

トップデザインチームが描く、 2030年に活躍するデザイナー

2

2.6k

東急URBAN HACKSのデザイナーって何やってるの？〜Designer Night #1〜組織横断のデザインの取り組みについて

1

200

利用者が離れないUX/UIデザイン　長く使われる業務アプリデザインのポイント

4

260

[Designship2024] デザインの力でサービスの価値を追求していたら、組織全体をデザインしていた話

2

980

プロダクトデザインの「守破離」の「破」について

0

250

ABEMAの進化 – 複雑化したコンテンツ構造とUI改善への道 – / abema-ui-improve

cyberagentdevelopers

2

470

Dive Deep into Communication

0

120

Rayout Pattern 01

0

370

Design System for training program

0

160

知を活かせるチームづくりとは？-MIMIGURIで実践している「全員探究」の仕組みと文化づくり-

1

760

Findy - デザイナー向け会社紹介 / Hiring Findy's Designers

6

56k

Featured

See All Featured

Build your cross-platform service in a week with App Engine

229

18k

Building Adaptive Systems

38

2.3k

Let's Do A Bunch of Simple Stuff to Make Websites Faster

507

140k

Producing Creativity

341

39k

Making the Leap to Tech Lead

133

9k

Large-scale JavaScript Application Architecture

510

110k

Adopting Sorbet at Scale

73

9.1k

Site-Speed That Sticks

2

190

Optimizing for Happiness

376

70k

"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)

226

22k

Cheating the UX When There Is Nothing More to Optimize - PixelPioneers

stephaniewalter

280

13k

[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails

33

2k

Transcript