UIUX-deck.pdf

Proprietary and Confidential
What are {UXers}
doing?
1114’23 GDSC NYCU

Table of
contents
A
Sharing
B
Exercise
C
Group Sharing
D
B4 End…
E
Q&A
F
Go Home

Sharing
A

Experience + Feeling
Your
體驗 + 感受/感覺

UX
Before Using/Doing After
If you mention about ux,
mostly ppl. will be here
👂👃
👄
😀🤬
😭😁
+ 💬
󰟲
󰩤󰜏
UX Period

Discover
01
02
03
04
05
06
User Interview, Survey
GA, hotjar, Usability Testing…
Value Proposition, Persona
User Journey Map, Empathy Map
Competitor Analysis
and more…
Analysis, Research

Tools
雅婷逐字稿

Solution
01
02
03
04
05
06
Product Direction
Scope
Features
MVP
Timeline
and more…
Define, Plan

Define, Plan
Solution
01
02
03
04
05
06
Wireframes
User flows, Scenarios
Information Architecture (IA)
Interaction Design
User Friendly
and more…

UX Design
User Friendly
Machine deployment, database structure,
code structure…
Development
In our real world, people see a red light
can be turn off, emergency and etc.
Green light can be means for turn on, go
and many other meanings. However, the
image shows opposite meaning for the
lights.
Cognitive
Easy to use, and interaction design

UX Design
Something that we are already get used to
it… like keyboard, AI in car, craigslist, and
more…
Get Used To It
A horse become a car.
Innovation
We try to solve a problem, but something
it may causes another issue.
Problem-Solving

UX Design

UX Design
What do you think of a brand? Why do you
like this brand?
Branding
The Golden Circle by Simon Sinek
Core Value
Ut enim ad minim veniam, quis nostrud
exercitation ullamco laboris nisi ut aliquip
ex ea commodo consequat. Duis aute
irure dolor in reprehenderit in voluptate.
A Business Culture

Tools

UX design, user
friendly…
Implementation
01
02
03
04
05
06
Wireframes
User flows, Scenarios
Information Architecture (IA)
Interaction Design
User Friendly
and more…

UI design, user
friendly…
Implementation
01
02
03
04
05
06
10 Heuristic Evaluation
The Grid System - xx Columns
Golden Ratio - Symmetric & Asymmetric
Reading Experience - Typeface
Color Palette, Accessibility
Design system, and more…

Hand Drawing Low Fidelity High Fidelity

A
UI, visual design
B
UI, visual design

Implementation
01
02
03
04
05
06
Frontend
Android App, iOS App, RWD
Framework
Backend
Structure, Database, Cloud
and more…
Coding

Launch
01
02
03
04
05
06
User Interview, Survey
GA, hotjar, Usability Testing
Performance Testing
Load Testing
Stress Testing
and more…
Beta, Release/ Data
Collection

Usability Test
If you want to do usability tests, there are 4 stages of
usability tests. Each stage has different meaning of the
test. Those tests are not related to each others; therefore,
we can do one test or even don’t do it at all.
● Paper prototype
● Wireframe prototype
● Mockup prototype
● Beta test
4 different meaning of usability tests

Usability Test
Eye tracking
Usability Test
Usability lab

UX Design
Top Tools
Whiteboarding
FigJam Whimsical
InVision Miro Mural
Prototyping
Source: UX Jobs
Figma Axure Balsamiq Mockplus Framer

UX Design
Top Tools
Survey
Google Form SurveyLegend
Typeform SurveyMonkey Jotform
Card Sorting
Source: UX Jobs
UXtweak UserZoom Kardsort Useberry Card-Sorting

UX Design
Top Tools
A/B Testing
Google Optimize AB Tasty
Firebase Optimizely Adobe Target
Usability Testing
Source: UX Jobs
Maze Optimal Workshop UsabilityHub Usertesting Userbrain

UX Design
Top Tools
Design Hand-off
Zeplin UXPin
Figma InVision Sympli
AI Tools
Source: UX Jobs
uizard Midjourney Galileo AI Upscale.media Sider

Exercise
B

Colours in Culture
Infographic
Scan me
or click

Death (16)
Western/
American
Japanese Hindu
Native American Chinese Asian/
African
Black
Black
Black
Black
White
None
Eastern European Muslim South American
None Silver Green

Love (53)
Western/
American
Japanese Hindu/
South American
Native American Chinese Asian
Red
Yellow
Red
None
Green
None
Eastern European Muslim African
Red None Blue

Group
Sharing
C

B4 End…
D

Infographic
Source: Visual Capitalist

Interactive
Infographics
2014 2015 2016 2017 2018 2019 2020

Data Visualization
Charts
Data Visualization
Dashboard

Data
Visualization

Implementation
We always knowing things at the surface easily; however, a
lot of hard work has been going on behind the scenes.
Such as,
● UX Design
● UI Design
● Coding
The Iceberg Theory

Books

Online
Courses

Q&A
01 UI/UX 薪資天花板是多少？做10 年
UI/UX 設計師是否會陷入職涯無法向上
的窘境？有機會突破年薪百萬嗎？
目前 UIUX 是否已經市場飽和？
剛畢業新鮮人沒經驗UI UX 的薪水
是？
對於 UX 沒有任何 sense，相信網路上
的開放資源有許多坑，建議從哪些資源
開始學習/模仿？
02
03
04

Q&A
05 如何更加精進figma 的使用，以及有哪
些相關軟體以目前業界情況來
說值得
學習？
新生想要進入這個領域（設計相關）有
什麼推薦的學習資源嗎？
06

Thank you

Women Techmakers
Taiwan Region
Scan me
or click

UIUX-deck.pdf

More Related Content

Similar to UIUX-deck.pdf (20)

Recently uploaded (20)

UIUX-deck.pdf