UX Design

I once saw a tweet that should an example of UX Design where the tweeter predicted in which order the viewer of the tweet would read the words in the image - and he predicted what I did exactly. So, I'm going to try to learn more about it.

Date Created:
Last Edited:
Why Learn This

As mentioned in the anecdote above, I was pretty amazed at one instance of UX design, and after looking over this site, I think I could have done a better job of directing my own and other peoples' attention. So, I am going to try to gather some resources here, read over them / take notes on them, and try to apply what I learn to this website and future projects.

Resources

After looking around for resources / recommendation on UX resources, I decided that I am going to try to go through:

  • About Face, 4th Edition, Alan Cooper, Robert Reimann, David Cronin, Chris Nossel
  • Lean UX, Jeff Othelf with Josh Seiden
  • Strategic Writing for UX, Torrey Podmajersky

PDFs for all of these books can be found online somewhere.

About Face

Goal Directed Design

  • Maybe want to remove the options for Adding Code / Markdown / Jupyter notebooks from being visible on initial load to all users. Maybe there should be settings for users to change so that they can opt in to adding code / markdown / Jupyter notebooks - since most users don't know these things and the user's goal is probably to convey an idea
  • Page Views should be modeled as a graph in database - you should know what page the user visited and in what order
  • Ultimately, you have to consider what the user's goals are (what they want to accomplish) , how they interact with the product.
  • This section of the book is basically
  • how to determine what users want
  • how to research what users want (focus groups, gathering data, can't always trust what people say they want)
  • how to model users
    • Different people will use products for different reasons - try to provide a good experience for all different types of users
  • Creating design solutions that inspires users / addresses all different types of users
  • Coming up with design requirements
Designing Behavior and Form

  • You should design your products to be interacted with like a likeable human
  • Try to minimize cognitive work, memory work, visual work, and physical work of users
  • This book didn't end up really being what I wanted
  • I guess I was looking for more CSS tips
Strategic Writing for UX

  • After reading a little bit of this book, it seems like stuff that I have already read before, so I am not really going to go through it all.
At this point, I think I need feedback from different people on the overall design - but fix what I can first


Comments

You must be logged in to post a comment!

Insert Math Markup

ESC
About Inserting Math Content
Display Style:

Embed News Content

ESC
About Embedding News Content

Embed Youtube Video

ESC
Embedding Youtube Videos

Embed TikTok Video

ESC
Embedding TikTok Videos

Embed X Post

ESC
Embedding X Posts

Embed Instagram Post

ESC
Embedding Instagram Posts

Insert Details Element

ESC

Example Output:

Summary Title
You will be able to insert content here after confirming the title of the <details> element.

Insert Table

ESC
Customization
Align:
Preview:

Insert Horizontal Rule

#000000

Preview:


Insert Chart

ESC

View Content At Different Sizes

ESC

Edit Style of Block Nodes

ESC

Edit the background color, default text color, margin, padding, and border of block nodes. Editable block nodes include paragraphs, headers, and lists.

#ffffff
#000000

Edit Selected Cells

Change the background color, vertical align, and borders of the cells in the current selection.

#ffffff
Vertical Align:
Border
#000000
Border Style:

Edit Table

ESC
Customization:
Align:

Upload Lexical State

ESC

Upload a .lexical file. If the file type matches the type of the current editor, then a preview will be shown below the file input.

Upload 3D Object

ESC

Upload Jupyter Notebook

ESC

Upload a Jupyter notebook and embed the resulting HTML in the text editor.

Insert Custom HTML

ESC

Edit Image Background Color

ESC
#ffffff

Insert Columns Layout

ESC
Column Type:

Select Code Language

ESC
Select Coding Language