Ultimate Cheatsheet
CHATGPT
FOR UX UIChecklist for UI Design
S SS re eeu a Bd Cu RL
Pee nl Deere ee ae ees Reta
DICE ace
Ra a eC Ca eC oe
or)
Password Input Field A field for users to enter their password.
Show/Hide Password | A button that toggles the visibility of the password field to hide or show
erred nets
Ce eee Ce Ree Td
Cie on the device.
Forgot Password Link | A link that takes users to a page or process for resetting their
Cee
eee E soa Oe RU aR? in cee oe
Social Login Buttons | Optional buttons that allow users to login using their social media
accounts such as Google, Facebook, or Twitter.
Error Messages Clear and specific error messages to indicate if there is an issue with
Ree eae
eed DN a nee ne en er
Eee
Cony Security measures such as captcha or two-factor authentication to
RE ey eee SneP eit etl EERE SP Rea Te aeCreate userflow
(Oe Dn ence es ne eRe Ce cu enc
Beene
Pt RE) eda eR UE Rew ell eit)
mora ura Cac Cne Sen eicke cukck uel)
Nv
screen. If not, they sign up and create an account.
. On the home screen, the user can see posts from people they follow, as well as
ry
Bierce ae noe
Rae te eae cl
Rol Borel alas
MO a aCe Smale ubueiecc cl samt neu Rickey cul
ROE Rene hea CR aT oe
Tee Uy mu aU aaa nu aoa ed
select group of people.
Ree OR eae oe
eee ee ee CA an een Rm ne cece
._ If the user wants to edit their profile, they can click on their profile picture and update
their information, change their profile picture, or add a bio.
SRO eRe UE ok ree ROE eer ale eC ee ER tLe ok)
See nome ee Ee
FS
a
ry
Sy
an)
Pins cec Rie oe ees e a eEakry
specific features of the app, the user flow could be more complex or have additional
BcDesign System
Prompt:
Write a design system documentation for a [UI
Element]? Represent in a table with the states
like default, clicked, hover, active, focus, and
disabled. Describe these states with design
token (colour, font)
| Remon Coa Pree sa)
Default | Background color: #0070F3 BU ie CE Rue C raul
Beep aaa seed button when it is not interacting with the user.
ac ele a eee The background color of the button is #0070F3,
TU a a Sel ea OC ACh
Se ee eee ee a ee Cee Sau)
aes le CCR eee RLU
be used consistently across all primary buttons
in the UI design system.
oe tole cele Ree peat ere Da eee Ce Le
Text col aaa led mouse pointer, the background color of the
Cee get eee ae eazy Pee oct yeaa erste)
family: Inter, sans-serif MO Maae cau ayer Mn ec etry
eae ROS ee on ae ETT Relle clo MR ome uC ER UE Cd
alla EORUCR ch ec om
Focus | Background color: #0070F3 Cun Ged cance Cca tem te ceed ta
Remo Ra ee aaa ted
Ce are ClO
118, 255, 0.5) Border
shadow of 0 0 0 2px rgba(0, 118, 255, 0.5) to
indicate that it is the current focus of the user.
The background color and text color remain theColors
{G) __ Sure, here are some suggestions for primary, secondary, and tertiary colors that could
Pere eM eucien eee et
eee Cs og Pode
ream and #FFCOCB
see a Ba)
reper g ac #008080
Aree Coc Era)
aes Tees esos
ack Ne eal)
Ae ee meee eRe eta gE)
Pee eae eee ra een ea Coen Rue teh ck ae
course, the specific colors you choose will depend on your preferences and the overall
design aesthetic of your app, but these options should serve as a good starting point.UX Interview Questions
i)
eS
POUL R RO URI ume acre aul E |) ord
RC UNA RRR aU Rie Oe CNA alee
. How does the content and community on this app differ from other social media
platforms you use?
Ae eRe UR Cl Rl ee mu ord
. Have you made any meaningful connections with other women through this app?
. In what ways has this app contributed to your personal or professional growth?
. How do you feel about the privacy and security measures in place on this app?
Ma BR mee eR) Ab eC Eee ete ean CE) ora
how were they handled?
. How do you think this app could be improved to better serve its users?
aes
Pee male eR R ol ANU Voll aoe ee Rolin acer au}
app?User Persona
S Sa Ceee eed Seach kana paccoue eee nae
app:
rd
Ce) Dory
De Sey
rrr 29
ocd Female
(ol CC
Tea ee
emer tio) Ce eC c)
ory 1. Expand professional network within the tech industry. 2. Stay up-to-
date on the latest industry news and trends. 3. Share industry insights and
Oa ee
Cees ited networking opportunities with women in the tech industry. 2.
TU ei ta ac)
ue ee Mee ee ee uu ec hd
Ru os
aod Comfortable using social media and online networking platforms.
ee)
pe ee eg ee ee ee a oe eee ee ee |ChatGPT as an UX writer
S See CR cna Csi Oe caats a ach cima cee acl
social media app:
POD) Semele) URC Mes eee ok Rea RUN lel eC Moda Bole
Eee Samer
CSUR Ue RO RO a eee Le een aoe
EMU ea rt ue MPa Me cach mee kare clea ad
Peeiieca
PMO Ona Sa Rut SCR URC eoe eels MN Ee ag
Reale
SEs BU Re SC RUE dR a ALD
a
Cm Sona a cue eee ona Ceca aea Nature scm cll
have it back up soon!
PA CUS uel eee MC aha cana nae men ed ce arc
icra e ee Cc
EAC CCC ECC CRC hoa cee eC Hiner cas
es RNa uem
Pm oR shut eee CGR OCCUR eek ord
Tee oa Eun Gee nee tec sce
ea Magee ethane hrc ca cune elena maces
ee ee ee eeeSpeak with annoying clients
(Oe ue ate Weta Ned
Deane Oy
ee Re SRM RO eae aia noe
RT ro ela Rell Ce Re UCSC A er Lk aR COR OC re Re (oC
and the final payment of [amount] was due on [due date].
PTTL OU ue ae RCM CC Eu] Rell
PUN NUNES RU CM i one AD
TET Sto Rela eel eC CR ORI EU oe
TM eu nur eet seu Mae ara Tue ue ek nC)
Per una eM nn ura ante DCs Mem near ay
resolve this issue as soon as possible to avoid any further complications.
Su Gaui er Uee e OR e hn Re Ue
oR ok Eel Rae WRC fe Rel
Thank you for your attention to this matter, and | look forward to hearing from you soon.
ConeySEE YOU
LATER
You’re breathtaking.