Intro to UX design - General Assembly

Wireframing and Prototyping Programmes

Sketch, Adobe Xd, Figma 


User Experience Design

> Empathy + Iteration 

> What, When, Where, Why, How, Who

> Everything affecting a user's interaction with that product 

> Must constantly question things, as this shapes the design 

> Takes the user's needs into account at every stage


UX

USABILITY (user accomplish goal) + UX (experience is enjoyable and intuitive) 


UI 

Tools and interactivity of product 


Based on Maslow's hierarchy of needs 



> Bottom layers needed before approaching top layers 



Useful > Is it solving a problem? 

Accessible > Can people with disabilities access it?

Findable > Can you find that product off the website itself?


CASE STUDY 

Craiglist

> Not user friendly, not appealing design

> Could not find what was asked, bad findability, bad location changing 





> Top people working on just the bar on this website, why? 


> Top panel provides initial response from user, first engagement, first accessibility to the solution to their problem eg. a booking 

> Would not want to dedicate my time to this area within UX design 




> Need to understand all areas but not be an expert 


IMPLEMENTING DESING PROCESS



Empathise: Research, focus groups, survey, observation, interviews etc. 



How to produce questions:

> Open-ended questions, how are they currently doing things

> Focus on specific instances (ask about a time they used a product, narrows it down to help user picture experience) 

> Avoid leading questions in initial round of research and get a broader picture, have user highlight what comes up organically 





We believe urban professionals need a better way to find nearby laundromats, their prices and busy times because of lack of cataloguing system. 

Sketch out 8 ideas onto paper of ways to solve this problem 
eg. app sketches or different ways to provide laundry service 



> Feedback is central: Web user may be done on paper to physically see how different sections would work and follow on from each other 


With ideate sketches, favourite idea can be developed using either: 




SCREEN INTERFACE or

STORYBOARD 
Starts with user and their problem, shows your product and solution, presents user happy by end 

Feedback 


 
> Uses paper to accommodate unforeseen circumstances 
> give user open-ended task 
> ask user what they expect to happen when interacting
> test interactions without coding and design by producing sketches through hand or digital means eg. drawn buttons to see if user recognises buttons and clickable 


Squint at the screen and see what stands out the most, is this what you want for the hierarchy?

> Users should always understand what they can do on a page, where they can go, and where they came from 

REFLECTION
> Valuable understanding around UX and how this can be used within design, problem solving and various outputs eg. app or web design 
> Also interesting examples on feedback on each stage for designing and how to approach users and focus groups, how to create questions etc. 
> Don't want to place my focus within this industry, but will continue to expand general knowledge of all areas that can enable me greater knowledge around design industry and how things work together 


Comments

Post a Comment

Popular posts from this blog

Development 10

Image
 To Complete Website: > Name Love.jpeg created into artwork for starting page  > Lydia Article  > Joely Article  LYDIA + JOELY COLLAGE PIECES FOR ARTICLES  So - During lockdown 0.1, I found myself happily single and most definitely enjoying a little bit of me time… I was adamant that nobody was going to distract me from this intense period of isolation. One day I decided to go on a walk round the park (by myself of course). All of a sudden I find myself bumping into an old family friend’s son. This is someone who I have fancied since I was a kid, and admired from a far… We got chatting and ended up having a socially distance convo for about half an hour. FYI - I knew this person had a GF… When I got home and checked my phone, he had slid into my DMs and we started texting. One thing lead to another - he ended up confessing he’s been in love with me for years, he split up with his girlfriend the next day and we also got a private apartment in town where ...
Read more

Development 5

Image
 - Aria article     > background     > animations + interactions - main page layout development  - Mia article  ARIA ARTICLE  > Too many elements moving together  > Spent time cutting out the messages with the background and same with pink aria images though, so should use these with additional interactive elements  > Thought about the hover interaction used on Ell's page  > Make pink aria pictures appear if you hover over another image or symbol? eg. finger up pixel cursor art used in aria collage experiments  > Makes more sense to have the messages as hover elements, as the pink aria images create an important visual and if they were not present most of the time until the user interacted with them this would reduce the level of interest in the overall imagery  > Typing message symbol can be used for hover element instead for the story  > This way the user is following the story b...
Read more

Identity EVALUATION

Alike to GAIA EXRTH, it was disappointing not being able to complete the brief within the timescale set out. I recognise that I like working a lot on passion projects and pushing them further and further, to the point that perhaps the goals I set are unrealistic or I spend too long on one level/area of the project. In this case this was a research brief and I set out to spend a lot of time doing research and testing ideas. I found this a more difficult brief to do within the covid landscape and felt less inspired, as I wanted to go out into the world and look at things, ask people, visit places and so on. This meant this project took a back seat and by the end of the year revisiting it so late on meant there was no time to fulfil the visions I had for the project. It's exciting however to have so many projects I'm interested in to be continuing after uni as it means I can keep the momentum up of designing and producing more ideas and more work. The overall concept of this inter...
Read more