Skip to content

Assignment 5: Frontend Design & Implementation

Github

Vercel

Heuristic Evaluation

Figma

Usability Criteria

Learnability: It’s pretty easy to understand how to switch between filters (following vs all) since there’s a clear label. Same with the like button, that’s pretty intuitive. It’s pretty easy to figure out that the hovering button with the pen is for writing something. I think it might be a little hard to figure out how to access someone’s profile though since there’s no icon or display name so you just have to tap on the username currently. Maybe I could add a “view profile button.”

Error tolerance: There’s currently no edit or delete button. I have the routes for it, but there’s no button. This is a problem because it’s not very error-tolerant. Beside that, pretty much everything can be undone. You can unfollow users after you follow, log back in after you log out, or un-like after you like a post, no problem.

Physical Heuristics

Situational context: The current tab you have open is bolded, which is good. The post page says “write a post,” but the context page is a little less clearly labeled. I think both could use a header at the top though saying “Post” or “Context” for additional clarity. The icon on the floating button changes when it’s “write post” versus “write context.”

Accelerators: Overall, I don’t think my app needs many accelerators. But one thing that I think it needs that the wireframes currently don’t have is a place to see your current follows. It makes it hard to know who you are currently following unless you see their post pop up on the following tab, and thus hard to unfollow. It would be good to give people a way to mass-unfollow.

Linguistic Level

Speak a user’s language: Pretty much everything is in plain English, which is clear for English speakers, but only English speakers. I’m not sure it’s worth trying to adapt things for multiple languages now though. The “write context” button might look a little bit like a user profile edit button, and the “open context” button like a community button, so I might have to rethink those icons though.

Consistency: I think the consistency could be improved. In some ways posts / contexts are similar, but the “write context” screen is missing an arrow button (you need to hit cancel to go back), and the like button is in a different place on the context vs on the post.

Inspiration

Link to Slides