IXD301 – Designing with Content – Week 1

Briefing and Overview: Introduction + Project 01 – Portfolio

This module explores the importance of considering content (in all its forms) as a core element of any piece of interaction design that can, itself, be designed.

“Well-structured content is the backbone and starting point of all successful web designs and user interactions.” – Karen McGrane content strategist.

A key skill I will need to strengthen will be identifying content types and taxonomies, designing content systems, considering future, as yet unimagined content delivery platforms, how to build content responsively, Usability Testing content and promotional strategy.

Weekly tasks overview:

  1. A guide to UX portfolios
  2. Content Audit
  3. Portfolio Inspiration 
  4. Research and discovery (Google trends)
  5. Content wireframes
  6. Write content for the following pages of your website:

Preparing for placement

  • Side projects – Reference the logo design you did for the ice cream shop during the summer.
  • Check out the job opportunities in Slack, Handshake, LinkedIn, etc…
  • Check out communities like UX NI, ladies that UX as these can be great learning tools.
  • increase online presence – slack, LinkedIn, Instagram, etc…
  • Apply to the study abroad opportunities.
  • Apply to all placement opportunities, what will you loose? The worst they can say is no.
  • Take up side projects related to your interests in the field of design as these make for great learning opportunities. Also consider attending fayres.
  • Bigger organisations tend to offer placement opportunities first – eg Rapid7.
  • IBM look up – they have UX jobs.
  • Specify that you are looking for a year long placement/internship in your portfolio. Narrow it down. What can I do? Can I do it? How can they contact me? As a designer the portfolio is a must, it is way more important than a CV, it acts as a meet and greet. Show what you are really good at, what IXD activities you like to do? What makes you different from other designers?, On which projects did you bring the most values? What interesting stories can you tell about the work you did? Show that you can do the hard work that comes before the pretty pictures – SHOW YOUR WORKING, think Math GCSE.
  • Case studies will get you a job.

Common Interview questions

  • What do you find interesting about the industry?
  • How do you keep up with such a fast paced industry – My answer: By being a curious octopus and a forever student.
  • What tools do you use on a daily basis?
  • What is your process when creating illustrations/websites/wireframes, etc… ?

Tips for impressing employers

  • Preparedness – it will come across poorly if you attend an interview unprepared.
  • Identify the key skills being asked for that role and try to guide your cv towards presenting you as the ideal candidate.
  • Ask about timing – how long will you have to wait until you hear back from them?

What is content?

Content is not restricted to words. It can be understood as a way of showing what users need. Content helps to highlight what the users needs compared to what they want.

“As someone who writes for the web I want to learn what content design is, and how to start doing it so that I can communicate in the most user-centric and efficient way for my audience” – Sarah Richards

The content designed and created should be focused on the understanding of the user. As Sarah Richards (now Winters) explained it in her book; content design is simply data and evidence that the audience needs, at the time they need it, in a way they need it.

Richards then explains the content design process; Richards breaks it down into 7 points:

  1. Research: this is were it all begins. It can be desk research, usability research, expert research but there has to be data and evidence of what the audience wants and needs.
  2. User needs: User and job stories are key as they allow us to define what the audience wants from us. Do users have a problem? what is it? Can I solve it? As Sarah Winters put it in this article “When we write content based on well researched user needs it’s automatically answering specific tasks the user has at that point in their journey. This kind of content helps them move on to the next stage and, ultimately, reach their goal.” By conducting the research we can then understand the user’s journey (the offline and online steps the user must take to complete their task). What are the motivations of the user when they reach your content? How much effort did it take for the user to reach the information they needed and how much of it did they get?
  3. Channel and journey mapping: Consider which channels are the right ones to offer the information to the user throughout their journey. These channels could be a website, social media, advertising or even events; that’s why it is important to have all these things in mind when designing content as it offers us (the designer) the language, priorities and flow to work with. Understanding when and how to offer the information to the user can mean the difference between successful or failed content design.
  4. Language and emotion: The way people communicate, especially per section or even country can vary due to colloquialism  – An example that comes to my head from personal experience is how in my home country – Venezuela – some words that we would use with friends like ‘chama’ in Spain it would not be considered appropriate. Differences in terms, need to be considered when designing content. The language used for a product MUST reflect the intended audiences vocabulary, otherwise it will make the user-content interaction extremely difficult and rocky. Whilst language is a very important part of content design, considering emotion can be just as important; Am I connecting with the audience? What is my tone? Richards follows the following set of steps: What will the audience see (and where are they seeing it)? What are they hearing and who from? Which channel? ,How they are feeling, What will our audience be doing? What decisions do they feel they have to make?
  5. Creation: This process should ideally be very collaborative in order to find the best solution for the user.
  6. Sharing: This is an essential part of any designers creative process. Peer reviews whilst scary can offer valuable insight.
  7. Iteration: Learn – Apply – Move on

In Sarah Richards’s book (content design) she highlights the importance of certain content design components such as:

  • Push content: Look at this! Buy it ! This can be described as the content the designer wants to impose unto their audience. It’s content the user did not necessarily or directly asked for but still receives, like a notification.

  • Pull content: It is the description of a product or an eye catching fact, eg good price. This is the time of content that is specifically tailored to the viewer.

  • Ease of use:  fastest way to a happy audience is an easy to understand and interact with website. Knowing your audience can inform you what you need and how you need to execute it. Users will pay more if the interaction is easier; a great example of this was illustrated during Dr Boyd’s lecture where he remarked how users would knowingly pay more for the UK driving test by using other providers over the official government website as it was a very difficult website to navigate. They will especially remember a bad experience.
  • Trust: A trustworthy website will not only promote consumer trust but also loyalty. How does the website present itself? does it look like it could be a scam? Is it littered with spelling errors? if so this will most certainly not instil a sense of ease with the user. Ideally the website should be consistent throughout with its tone of voice, branding and identity.

Here is a marketing article I found written by Céillie Clark-Keane (Head of Marketing for Building Ventures) which I found very helpful. In this article the author highlights the importance of the next 7 marketing strategies:

  1. Building content communities: Building communities specifically around content sharing and creation allows marketing teams to continue to expand their reach, even with fewer resources.The image above illustrates how Slack communities have grown 2.5 times since 2016 and have over a million members. This highlights how communities like these offer benefits beyond networking. Tools like Slack, Twitter, LinkedIn allow you to tap into massive audiences by utilising a modern version of digital ‘word-of-mouth’ marketing, along with increasing brand awareness. As stated by  Masooma Memon (a SaaS content marketer) “Whether it’s content for social, your blog, or a webinar, it’s going to continue focusing on making your audience feel like a community,” she says. “Folks love this sense of community belonging. It makes them feel valued, so this trend should continue picking up pace.” which in turn will positively affect audience engagement.
  2. Going live with video and webinars: Covid-19 has resulted in video and webinar content becoming vital, something that will not soon go away. “My guess is video marketing including the boom in live video will continue to grow in 2021,” Masooma predicts. But it’s not only because of in-person restrictions; there’s a reason why live video was trending well before the pandemic. “The reason? Video is a quick and effective medium to communicate your message and educate your audience. Consumers want to quickly get information and video marketing is the most effective way of doing this.”
  3. Improving content experience: sometimes how you’re interacting with content is just as important as what content you’re interacting with.  Content marketing trends are now focused on content experience, be it, interactive content or better UX.
  4. Focusing on products and services
  5. Repurposing content

(I did not go into detail in the last two as they are self explanatory).


Project 01 brief – Portfolio

Portfolio site and content strategy. Your Instagram, LinkedIn, Slack must be active and functional and professional ASAP – they should all match, think brand recognition.

This year I will need to create a new portfolio site. The portfolio should be simple and functional. A bit part of developing my website will be focused on research and learning from other more experienced designers.

I compiled my portfolio research in a separate post. Click here to read it.

A typical UX workflow:

  • Discovery:  a very useful tool for this is Dribble,  it’s like Pinterest for designers – some of the UI in there does NOT work though so take the designs there with a pinch of salt if you will. Just researching on dribble is not discovery though. Discovery is finding designers and finding out how they structure their website and how they work, what their process is like. Conducting discovery is simply searching for data, and discovering what my audience needs and understands. What words do people type when they search the web? What kind of language do they understand? Google trends is a great tool for understanding your audiences vocabulary. Researching buzz words around the industry and seeing what the best fit is can be greatly beneficial like for example how in the UK the word ‘placement’ would be not be recognised in the US as they would instead use the word ‘Internship’.
  • Specify that you are looking for a year long placement/internship in your portfolio. Narrow it down. What can I do? Can I do it? How can they contact me? As a designer the portfolio is a must, it is way more important than a CV, it acts as a meet and greet. Show what you are really good at, what IXD activities you like to do? What makes you different from other designers?, On which projects did you bring the most values? What interesting stories can you tell about the work you did? Show that you can do the hard work that comes before the pretty pictures – SHOW YOUR WORKING, think Math GCSE.
  • Case studies will get you a job.
  • Planning: Every homepage should have a call to action. Introduce yourself first though, then add a call-to-action button. Treat it like a real conversation. It should ideally take the user to your portfolio.
  • Text design
  • Sketch
  • Visual design
  • Prototype/build: This is the part where you build it. Use Figma for this also to show the usability, make it there so the user flow is not only shown but also functional so you can see what stage you are in and how it presents.
  • Test
  • Discuss – This is when you show it to other people. Show it to more than your friends as others give more truthful opinions. Get advice from peers when at all possible. If needed go back to the sketch stage and fix the issues.
  • Deliver but keep refining

NEVER EVER jump straight into software, first paper and pen

In my portfolio what is the most important thing to show?

  • Work
  • Contact name
  • Name
  • What am I?/What kind of designer am I? Does my portfolio reflect that?

What to include into the case studies?

  • The problem
  • Who you worked with?
  • What tools you used?
  • Discovery phrases (how you go about solving the problem?)
  • The process you used to overcome the problem: the lo-hi wireframes, prototypes, sketches, personas, user journeys and research.
  • Challenges you faced and overcame – understand the problem and outline the solution, even if you don’t have time to overcome it.
  • The final outcome

Learning from others

Bellow are some great designers with great portfolios I would like to further research.

  • Jack Mcdade
  • John hicks design
  • Xavious Cusso
  • Vandana Pai: Her use of typography is awesome. It takes a real skill to reduce a site down.

The best design is the design when there is nothing else to be taken away

 

What is content wireframing?

  • A content inventory (audit) is a great way of looking at the content or even the layout of other more skilled designers and see if you can apply or take as inspiration to produce your own ideas. Bellow is the example Kyle gave us.

I found a great article showcasing how to conduct a great content audit – The Step-by-Step Guide to Conducting a Content Audit in 2021.

  • Site-maping your site is a great way to create a layout for your website on paper before actually bringing it to life.

Here is the example Kyle gave us:

And here is my version – It is still very rough, I will need to continue revising this and improving it.

  • Content wireframing can be considered as the skeleton of the website. Think of the outline of a building and how everything is placed around (the blueprints). Once this is established then you can start making a more detailed wireframe. Design small first then big but only in reference to designing for mobile and then onto desktop view. This should not be as detailed as an actual digital wireframe. These are to be done in great quantities and quickly; they are just a way of quickly noting down your thoughts and ideas.

Think (scale wise) mobile the Tablet then Desktop and then Desktop HD. This is the best way to accurately figure out where the content should go.


Reflection

This week was very informative, in all honesty I had no idea how much work I had yet to do. It however encouraged me to start my research and to develop not only my website, portfolio and CV but also my personal brand.

I also discovered the importance of content designing and how the users should always be the centre of my focus when designing. The user is key and I should aim to design with them in mind.


Tasks for 30/09/21

  • Write the content for your portfolio – in plain text or in html. Focus on the content. Using your inventory and content wireframes
  • Research and discovery – google trends/job specs/look at language. Look at some portfolios, really study it at a granular level
  • Content audit
  • Sitemap your site
  • Write site content – 3 case studies, home page, about page, contact page
  • Sign up for Webflow.

Content planning

Initial ideas and sketches

As a rule I like to get started on paper, I noted down some quick ideas of how I want my content to be laid out and also some quick points of what information I should add.

I did a quick wireframe of what I would like my website to look like, I want to create a website that will flow easily and will be easily read.


Writing and planning my content

 

Home page

Here I will add a short introduction at the start of my website – it needs to be simple and concise. It needs to draw in the viewer and also quickly inform them of the key information I need them to know such as my name, what I can do for them and possibly where I am based.

  • My name: Emily Ussher
  • Short description: I am just another Irish/Venezuelan Product/UX/UI designer and self-appointed explorer designing her way through life with a user centered state of mind.
    I am currently looking for placement, get in touch if you would like to hire me.
  • Call to action button: Go on, take a nosy

Reasoning: I included my name at the top, some relevant information about myself and what I do/the services I can offer. I might add a call to action button that playfully encourages the viewer to keep on looking – “Go on, take a nosy” seems like a cute and fun way to encourage the viewer to peruse further my website, that and it matches my friendly brand vibe.

I will also need a short introduction to some of my work – Maybe I could talk about some of the skills I used when working on the project. I will need to give a short overview and an eye-catching image to draw the viewer in.

 

Contact/Get in touch

I will put this information at the bottom of my website as a footer – I think this should remain consistent throughout my website, this way it will be easy to use and navigate making it easier for viewers to find my work and my socials so we can network.

  • Title: Get in touch
  • Call to action statement: Do feel free to stalk me online or even better contact me and maybe hire me?
  • Socials to include: Email, LinkedIn, Instagram and my blog

 

About

Title: Emily Ussher

Blurb: Hello! I am just another Irish/Venezuelan Product/UX/UI designer and self-appointed explorer designing her way through life with a user centered state of mind.
I am originally from Venezuela; I found my love of art when I moved to Northern Ireland at 13 as it gave me a communication tool that I did not have at the time. My multi-cultural upbringing has offered me a different perspective and point of view – something that is always evident in my designs.
My mission is to create and showcase unique, high quality designs in an accessible manner to make users interactions with content simple and easy.
I am currently looking for placement, so get in touch if you would like to hire me.
‍Call to action button: Want to see more? here is my CV

 

 

Case studies

App design – Bible app

  • Page title: Bible travel app
  • Brief: As part of our second module in first year we were tasked with creating a travel app. I decided to take a more abstract approach to it as I wanted to design an app that would stand out from the ones my peers would create.
  • Software: Figma, Miro, Procreate
  • Skills: Web design, Prototyping, Wireframing, User research, UX and UI design, App design.
  • Call to action button: Go on, take a nosy …
  • Discovery: I started off by considering all the different areas I could technically consider as ‘travel’. I considered taking a more ‘normal’ approach but eventually decided to make the project a bit more personal to myself. I realized that there was a big gap for young Christians when it came to interactive apps that would not only teach but also guide them through the years as their knowledge and understanding grows – Three Sixteen was my solution to this problem.
  • Getting started on paper: A very important part of my design process is putting pen to paper. This is something I struggled with at the beginning as I was used to jumping straight into the computer. Having to slow down and actually have to think things through was a big help though. This is something I slowly became better at through the duration of my first year at university.
  • The problem: I decided to create a bible app as I noticed there was a very large gap in the market for truly interactive bible based learning platforms. I was largely inspired by some of my childhood books I had growing up that were truly interactive in the way of textures, colours and imagery. I started thinking of how as I got older and my knowledge grew I started moving on from simple books to harder more in depths evaluations of the different books in the bible and how this process enabled me to further my knowledge. The problem is that this is paper based learning method that spreads out over many (very heavy) books; my aim was to digitalize this journey to create a platform were the user could learn and be guided as their knowledge grows. Three sixteen was my solution.
  • Designing: After sketching out my ideas I decided to focus mainly on the younger demographic or users that would be using this learning platform. I decided to use a lot of fun, eye catching colours to appeal to that age group. I designed my illustrations in Procreate. At this time I did not have much experience with this tool so this was a very good learning opportunity for me. I created a little character to take you through the app. I gave her a map to give the idea of taking a journey through the different biblical events.
  • Reflection: I was too quick to jump into procreate and I had not come to grips with wireframing at this stage – at least not correctly – I now understanding their importance and should I have a chance to work on this project again, this is one of the changes I would make to my process to improve my project
  • Peer feedback: This is something I found incredibly hard to do at the beginning – giving feedback. I found that people were not quick to give feedback due to fear of offending but I found the critical feedback given to be the most useful for me as this is what helped me improve the most. Click here to see my blog post detailing how I took the feedback onboard.

Branding

 

  • Page title: Branding
  • Brief: As part of our third module in first year we were tasked with designing our own brand and to develop our identity as designers
  • Software: Figma, Miro, Procreate, Photoshop, Illustrator
  • Skills: Web design, Prototyping, Wireframing, User research, UX and UI design, Branding and Illustration
  • Call to action button: Go on take a nosy …
  • Research and discovery: A big part of my design process is based on research and experimentation. I like to record this not only on paper but also on my research blog. I do not like designing in a vacuum so a big part of my process is also looking at other more experienced designers work and creating a moodboard; I normally do this on Pinterest. I wanted to create a modern yet timeless logo and wordmark – something that I would (hopefully) not cringe at in 10 years time. I have a great love for architecture and fine art so I wanted to incorporate some of those clean, modern and at times abstract elements that I feel best describe me as a designer as I like to apply my knowledge of other artistic disciplines to my work; in fact I often am inspired by visual artists like Alex Gross, Mr. Doodle and even some past IXD students like Inga Hampton.
  • Getting started on paper: Another big part of my design process is putting pen to paper. I started off by experimenting with the letters of my name to start forming my logo design. I took some wild turns along the way but I eventually designed my current logo by merging the ‘e’ in my name and the ‘u’ from my surname.
  • Going digital: I created my logo and illustrations using Figma and Procreate. I decided to go with an abstract and flowy design as I felt that this would best represent me. For my visual marque I started off with a simple line drawing but then decided to showcase my illustrative skills further by making an illustration of myself that looked more realistic. The profile illustration I use in my ‘home’ page was my final outcome. Here is the Figma file for my logo design.‍
  • Colour: I was careful in considering the colour scheme for my brand and website as I wanted to create an accessible colour scheme . I used Adobe Color to ensure my selected colours would be inclusive for all users. I decided to go for a soft, calming, fun and feminine aesthetic as I felt that it not only best described me and my personality but that it fitted my brand well also. I started by creating a gradient from my profile image for all my socials and went from there. Even before designing the new layout for my website I wanted to have a simplistic and minimal color palette as I wanted the focus to be on the work and not on the surroundings.
  • Website: Research. That is how it started for me, I found that visiting other designers websites and even some design agencies was a big help in informing me what good website architecture looked like, how to prioritize content and how layout has to be carefully considerated. I explain this in more depth in my research blog. I was encouraged to wireframe my designs to better understand how my website would work – this is a skill that I have improved upon since 1st year – slowly but surely and that I am still striving to improve upon. I created the design for my website at the start through trial and error (and many wireframes). I was trying to learn HTML5 and CSS so I could write my own website from scratch however due to time constrains I changed my approach. My old website (which I constructed is still posted on GitHub though). I also go into more detail on this process on my research blog.
  • Results: While there are still things I would like to change and improve upon, I have managed to create solutions that meet my current needs.

Portfolio research and Inspiration

As a way to improve my portfolio website and my career prospects I decided to conduct some research but first I decided to make a list of the things I would like my portfolio to be:

  • Portfolio site and content strategy. My Instagram, LinkedIn, Slack must be active, functional, consistent and professional; they should all match, think brand recognition.
  • My portfolio should be simple and functional.
  • I will aim to tell the viewer a story when writing my case studies.
  • Skills I would like to include: Wireframing, prototype testing, web development, illustration, branding, Iconography.
  • Design experience I should include: feedback Stephen (client) gave for the work I did on the ice cream shop logo as a quote for my portfolio page on the logo design.

Designers that inspire me

 

Calum Dixons

Dixons website attracted me due to its simplicity. In his main/home page he uses a main title and a secondary title (information architecture) as a warm and short introduction. It makes me as the user feel welcomed and drawn in, this is something I would like to do in my own website.

He also added a little cute thing in his title home page where he added gifs over the underlined words. This adds a level of quirkiness and familiarity that made visiting his website all the better.

I noticed that he doesn’t have a full CV, just a sort summary of one. Nice and brief. I would however have added a call to action button to download his full cv, personally I think it would have polished his ‘About’ section and allowed possible employers to get his full experience. I do however like how he gave a short summary of his experience. It made it easy and simple to digest. I really liked the aesthetic he created by being consistent with his black and white theme. This also made it easier to digest the information.

These design principles – especially his idea of a summarised CV is something I would love to include in my own portfolio website.

I liked his use of relaxed and informal language in his contacts section of his website; I appreciate the fact that he didn’t use an email box and instead he put his email address with a link to send the user straight to their email to contact him. He used playful language for his social media handles which was funny and cute- a very nice idea I would like to incorporate into my own website as it fits my brands tone of voice.

Take notice of how he added a bit of playfulness to the image introducing one of his case studies by adding a little motion for his case studies when you hoover over it – its awesome. I also like how he very briefly introduces his work in his home page.

He shows his research first, then his rough drafts, then his thoughts, then final products and reflections (they are super important).


Matthew McLaughlin 

his layout never chances for his case studies, it gives a nice flow and continuity for the site. The length of his case study is ideal – not too long.


Alex McCormick 

works in whitespace now (small company, they only ever take one student on). She shows more than the app design, she also shows the different elements and illustration she created for it.


Gemma Ferguson


Owltastic

Incredibly beautiful


Dawson Andrews

Local NI company —- LOOK UP


Jordan Moore

Dawson Andrews


Jack Mcdade


John hicks design


Xavious Cusso


Vandana Pai:

Her use of typography is awesome. It takes a real skill to reduce a site down.

 

Career ideas

What can I do with my degree?

Here is a link to a great prospects website that aided me in my research

Its also useful to remember that employers sometimes accept applications from graduates with any degree subject, don’t restrict your thinking.

  1.  UX designer

As a UX designer, I could work across all sectors of industry including private companies, public bodies like central and local government, non-profit organisations and charities. These can range from large multinational companies to small and medium-sized enterprises (SMEs).

You could work in-house for a company in a range of sectors, including:

  • education
  • banking and financial services
  • health
  • manufacturing
  • public
  • publishing, media and broadcasting
  • retail and sales
  • telecommunications.

 

IXD301 – Where does content and visual grammar come from?

Things I would like to consider

  1. What is content curation
  2. User/job stories
  3. visual grammar/high resolution mock-ups
  4. intellectual property and copyright
  5. visit from Rick Monroe contrast security

Content I have already considered

  • Content audit
  • Site maps
  • Plan content for your site
  • Written content

A typical UX workflow

This week what I need to focus on is the design of my portfolio as next week we will have a critique for our portfolio – we must have 3 pages done (especially the home page and case studies). A visual representation.

A high resolution mock-up – an image of how your website will look. Use Figma for this. It should look like the real thing whilst only being an image.

Where does content come from?

  • Client – they can give the designers in any form; however, it may not always be in the right format, so it is up to us then to fix or suggest changes.
  • Self-generated – eg our portfolio. Blogs, design, branding,
  • Third party sites – eg Wikipedia,
  • User Generated content – eg YouTube, it creates the content for the user. Things that people make and then share. Social media in general. We are all basically content creator now. Instagram – we don’t realize it but within one post the amount of content offered is massive! Not only does it have the initial content but also ways to interact with it eg comment, like, tag …

Content curation

This is the process of sorting through the vast amounts of content on the web and presenting it in a meaningful and organized way around a specific thing.

First real idea of this would have been the mixtape, as it allowed the user to create and organize their own content. The playlists of the past if you will.

Find content, organize it and share it.

Why is content curation valuable? As we are living in an era of oversaturation of content and having someone that can sort through that is vital. Think fake news and how negatively impactful they can be when they are not called out.

Own content curation

What can I share and what do I want to share

  • Become and expert
  • Its easier than creating your own
  • Show your focused

Good content is appropriate, useful, user centered, clear, consistent, concise and supported.

Focused content

  • The UX collective Newsletter
  • Rachel Andrews Newsletter (all about CSS grid) super focused content
  • Smashing magazine newsletter

This is something as a designer that I could do, send a newsletter each month, it doesn’t have to be ground breaking work, it can be useful content, an update on your work – this can help grow your audience.


LOOK UP

  • Blog post – life bellow 600px à great example for self-generated content
  • org – full time blogger
  • The UX collective Newsletter
  • Rachel Andrews Newsletter (all about CSS grid) super focused content
  • Smashing magazine

User and job stories

User story is a way of pinning down what you need to do. It looks like this …

As a [person in a particular role]

I want to [perform an action or find something]

After conducting some more research on user stories and job stories I found that Sarah Winters explanation was the most helpful.

According to Winters user stories and job stories are ways of capturing what a user wants to do. They are often written on little cards and stuck up on the wall so that the whole team can understand the user’s perspective.

User stories can look at follows:

As a [person in a particular role] I want to [perform an action or find something out] So that [I can achieve my goal of…]

User stories are great if you have a number of different audiences who might all want to consume your content. But there’s an alternative to user stories that might be better if you only have one audience, and that’s job stories.

User stories are a great way of figuring out what the different user categories are. These should NOT be specific as they restrict creativity.

Job stories always start with:

When [there’s a particular situation] I want to [perform an action or find something out] So I can [achieve my goal of…]

Here is an example:

How would you design a fracking website? Maybe talk to home-owners, community groups, geologist people that work in this industry. It could have a scientific area with raw data as it would interest a geologist

The best content has a purpose

what is the acceptance criteria? Eg can people find my content or in my case can people find my portfolio in my website.

The acceptance criteria/ condition for satisfaction defines the criteria that must be met to suit the requirements of the user.

The 3 C’c: Card – conversation – confirmation

Interaction design stories – great article for research, link is on the miro board.


Task 01:

Create 2 user job stories

Remember it is not about the designer but about the user.

Eg When [ ] I want to [ ] So I can [ ]

Results:

As an employer I want to assess a student’s potential

As an organization I would like to easily find the contact details so I can show my interest in hiring them.

When I want to find out more about interaction design


Visual grammar

All the parts that make up a website, eg buttons, typography, illustrations, windows, etc… and just because a UI is not complex, it does not mean it is not beautiful of functional, there is beauty in simplicity.

Perfection is achieved not when there is nothing more to add but when there is nothing else to take away

A great example is the website titles “If the moon was only 1px

Once you start scrolling towards mercury he gives little pointers of text along the way to make sure you keep scrolling and also to alert you that this is just the illustration of the space in a funny and simple way.

Tips:

  • Simplify as much as possible – focus on the essentials
  • What can you do with constraints – think of how Instagram only allows the 1 size of images for posts and how they have stuck to it. It has been highly effective.
  • Focus on re-using elements and minimizing visual complexity. Think of how you can re-use the design of the main navigation and the footer. Think of adding a home button to cater to all audiences and convention

Language and typography

How did you write the content for your website? Is it in the 1st person? How did you speak? Is your language super friendly? Energetic? Calm? Basically, what is your tone of voice and your tone.

Ask yourself

  • Who are you? (As an individual or a business)
  • What are your values?
  • What’s your mission or purpose?
  • What do you hope to achieve? — In my case maybe add that you are looking for a year-long placement
  • How will we know if you are successful?

Tim Cooks – runs Apple – sometimes if you @ them at Twitter they will answer.

Jonny Ives – Apple guy, designed the 1st iPhone

Think of Dropbox and how when a download is going to take a long time, they jokingly say “Grab a snickers” this is great design, it humanizes it and makes it easier to understand and maybe even alleviates a stressful situation.

“Typography is the craft of endowing human language with a durable visual form”. – Robert Bringhurst

Don’t pick the first typeface you find or like, keep looking! There are plenty.

Great typography used in the Bench website home page

You should be focusing on:

  • Optimize legibility, through the appropriate choices of typefaces
  • Improve accessibility by considering contrast between the foreground and background colours
  • Improve usability through a considered typographic hierarchy. – Think of how you structure the typography as this will guide the user on how to read the content and in what order.

In this project you are the only designer so you will need to be able to do everything.

.gov focused on

  • Starting with user needs, placing a heavy emphasis on…
  • ….
  • ….

Great example of a constrained colour pallet and simple yet lovely typography.

************ Look up in PP – it’s the white and purple one ********

Tips for visual grammar:

  • Spend some time developing a brand dictionary at the beginning of the project
  • ….
  • ….

 

Narrative design

Think of how different brands market their products, even if they are owned by the same company, eg how BMW put out a high end, expensive idea but MINI put out a cute and fun one, even though they are owned by the same people.

Webpages can be a simple one page one where you move down, or you can have a multi-screen one where you move from screen to screen.

Consider your websites story

  • Start – Home page
  • Middle – Case studies
  • End – Contact

Think of the narrative in films and how they flow. The pace – when is it quick? Are there pause? If so then why? Sometimes when its quick they will excite you and capture the audiences attention.

In the home page – that’s where you NEED to capture your audiences attention – consider it the fast paced and exciting section. Then in the Middle (Case studies) it slows down to allow consideration and perusal.

The hierarchy sound be:

  • Critical info
  • Background and context
  • Nice to have

This can be shown in the inverted triangle

We  need to

  • ….
  • ….

Look up

Tips:

  • Put some ….

Making a visual grammar

** \put pics of examples here ** the drawn ones first then the digital ones.

 

IMPORTANT

By next week we need to have a very good Figma prototype – home page, case study design and about section MIN! Make sure the format does not change, consistency is your friend!

First do a ton of rough sketch ideas, look at magazines for inspo, it doesn’t have to all be online! Look at magazine and book layouts

Start to consider the visual grammar of the content of your portfolio site. Consider visual aesthetic, colour, typography, layout, ….  Basically develop your visual grammar.

Need to have tons of work done to be reviewed. Do as much as possible!!!!


Exercise 03

Start to consider the visual grammar of the content of your portfolio site. Consider visual aesthetic, colour, typography, layout, ….  Basically develop your visual grammar.

Also develop a high resolution mock-up

Make the shoe fit, not the show. Make the content work for you. Be expressive, don’t be limited by your skills. Be as imaginative as you can

Crazy 8s:  8 ideas in 8 minutes

 

RWD Part 1: What is it? The HTMLs and the CSSs – week 4

This week you must start to build; you need to have your fixed and finalized mockups.

All you need to apply to a role is an about page, contact and projects. Think simple but enough to apply to jobs with. What they want to see is my process not the aesthetic atm.

Building a website with Webflow

Look up ico. privacy by design: designing with children’s privacy in mind. REGISTER

Need to have done:

  • Research
  • Discovery
  • Planning (sketches)
  • Content audit

Responsive Web design

This ensures your website will work in every device.

Book: Ethan Marcotte – Responsive web design.

Elements of responsive web design:

  1. Controlling the viewport: viewport width; consider this and padding, distance between sentences
  2. Flexible grids: …
  3. ….

Every website is made using HTML using an Editor like brackets or atom. When writing HTML it should all be in lowercase. HTML just basically wraps up your content in tabs to tell your browser how to display the information. There is always an opening and a closing tag.

Example <title> My website </title>

The only things that are seen in a website are the things within a body tag <body>

What to include under <head>

  • page title
  • CSS links
  • Other abstract things

What to include under <body>

  • Headings
  • Paragraphs
  • other things you can view

Having a good heading is vey important and useful as they help you structure your content and give the website a nice flow. Users skim the websites by headings so guide them to what you want the to see.

HTML links are very important <a href=” URL here  ” >This is a link</a>

HTML images    <img src= “name of image”   alt=””   This is a screen reader that will read the content for hearing impaired people.

HTML buttons: by only using HTML it would look very ugly but once you add CSS and add the proper code it will look more aesthetically pleasing.

HTML attributes:

  • ….
  • Source attribute ….
  • ..
  • Width and height attributes

Always add comments to your code to help other designers and coders. Be a team player.

Images are pulled into the website whereas links take you to a different place.

Link targets: this decides if once you click the link if you are taken to a new browser window or if the link opens in the current window being used. use target=’_blank’   to open in a different window.

Naming conventions; HTML spaces are bad. Do not use spaces for page names; its ok to do so for titles though.

Image format

Do not use a JPG file for your logo as if they are meant to have a clear background they will replace it for a white background. Use a PNG for images that need a transparent background.  PNGs keep the image quality better than JPG – these are all pixel based so once screeched they will lose their quality. SVG images however are vector based so they will not loose quality

Image dimensions: Consider image sizing very carefully as a very large image can make the website heavy and slow. Be considerate. If you need to resize an image, do so in Photoshop – it will make your life easier. They should not be over 600MG.

Always provide a text alternative to your images.

Never style your content with HTML, always use CSS for this. HTML does not have the terminology to make the kind of design decisions CSS makes. For the HTML and CSS files to ‘talk’ to one another you must link them; that is why the CSS file is normally called “stylesheet” for easy access and linking.

CSS allows you to set up multiple properties within an element. It also allows you to select the sizes of your headings. Units of measurements used are PX (pixel), EM (this tells the text to scale and in what ratio to do so) This makes things easier to manage.  The EM tells the text to be that much bigger than the base size which will be shown in PX.

When writing your font family, make it so it applies to all your text at once so if you ever need to change it later on it will be easier.

In CSS   a {   means links.

Sectioning elements. These are defined in HTML (<nav>   <section>   <body>   <article>   <aside>) Aside is a sidebar. These are the primary links. When using the <nav> tag never use the actual word in the label as it will show up as “navigation navigation”.

The <main> element is were the content goes.

CSS Box model: this applies things like padding, boxes, boarders and margin. Padding is an essential element and if not well defined it will add padding to all the elements of the website. If you want to change it you would then have to specify with ‘top’ or ‘bottom’. Border, these can be added to a section. Margins are defined in the same way as padding. Margins are transparent and are not included in the click are of an element; paddings behave in the opposite manner. Explicit dimensions must be given at times to avoid an element taking up all the available space.

CSS selectors allow you to define an aspect of the content while keeping the rest normal. One does this by using class selectors. Using class styles allows you to  create different styles and apply it to many different sections.

Summary

A nice and simple HTML file is invaluable as it will not break. As a designer the temptation to be super visual can be overpowering; a solution for this is CSS. When saving the files for the website it must always be well organized.


ESO – placement opportunities

Speaker: MT McCaan

She will really take care of the intern students and mentor them.

  • Placement begins next summer for a year
  • There will be 2 placement opportunities only

Company mission

To make a difference. Improve community health and safety through the power of data

MT – head of UX at ESO

  • Ladies that UX Belfast
  • Worked in Fathom
  • Passionate about building strong, collaborative teams, ensuring accessibility.
  • @BusyMomy on Twitter

ESO

  • Started in Coffee house (Austin Java) in Austin Texas
  • Offices in NI and US and Canada
  • This is a product company not an agency
  • Passionate about the health care company, many employees are previous first responders eg paramedics, firefighters

What does the software do?

  • gives data directly from the first responder to the hospital so the staff there (Doctors and nurses) right until the patient is discharged so the patient care can be evaluated.
  • Helps fire stations manage their operations and run more efficiently, run after their equipment, what training is needed, log incidents, emergency calls and any other data so they can then evaluate it and provide evidence to then get funded to keep providing care.
  • Collects data to be researched and analyzed.
  • Provide software for EMS (first responders), Fire agencies, hospitals and state departments. A real product ecosystem.

The company is very focused on the humans that use the software and how they can help them use their time fore effectively.

Their design is designed with clarity, simplicity and accessibility in mind – can they use it with gloves on while on site? They ensure the software isn’t overwhelming while still showing all the information they need on screen. They also consider what tasks need to be done on field and which ones can wait until after they get back to the office.

The reality of the scenarios – the software is in their vehicle and its viewed when they can. It’s on their mobile and work stations.

ESO Belfast office

  • The headquarters are in Austin Texas.
  • Washington
  • Offices in Colorado
  • Nova scotia (Canada)

The Belfast office

  • opened in 2019
  • 2 floors
  • Remote/office work mixed and flexible
  • Royal avenue near boots (Location)
  • Art in office based on rich Belfast Maritime history – the sea horse is a symbol of Belfast – also in the city hall emblem. Symbol of health, vitality.

Design team:

  • All about the user that uses the software – human centered design.
  • Also keeping in mind that whatever is build makes sense in a business point of view.
  • Their role is to bring together team members to  understand where the complexity in the software lies and making it clear for the user. Complexity into clarity.
  • Format of design team – UX manager manages the UX and product designers.
  • As an intern you would be part of the product team.
  • They work and prioritize decisions with a trio of people.
  • The role of the design team is to make something that will help simplify the busy lives of the users. Does the price point work for users? You can only make better decisions by talking to the user and by designing for them.
  • Project trio
  • Liza Torres – listen to one of her TED talks
  • They have an agile work environment
  • They use Figma, Storybook and Confluence

Benefits to your education

  • join a fast growing company with an ambitions global vision.
  • Driven by mission and purpose.
  • Practice your new UX skills and get product experience in a growing UX team.
  • See first hand the challenges and opportunities of growing a product internationally.
  • Learn from product designers who you will be partnered with.
  • Practice design methodology in an agile dev cycle org.
  • See your features in users hands.
  • Doesn’t matter what you are designing the process is the same

 

What they want from a placement student

Work and support each of the product designers.

Look up project Aristotle – research Google did – she brought it up, this could be a good talking point for interview. Liza Torres – listen to one of her TED talks

  • Passion for healthcare and making a difference
  • Full of curiosity
  • Being energized by the companies mission
  • Cares about people and has the right mindset
  • Empathetic and caring for the people this software is aimed at
  • natural problem solver
  • Critical thinker – don’t just go for your first idea, explore, research, stress test it and improve, show you are willing to ask for help if needed.
  • empathy for our users and desire to learn as much as possible about their needs in various scenarios
  • desire to build accessible interfaces.
  • loves teamwork and bringing people together
  • can also work independently
  • great communication skills
  • high emotional intelligence
  • flexible/agile
  • Natural collaborator
  • positive attitude and common sense
  • Seeks challenges – as UX and product design is about solving challenges
  • Someone that can lead in our new technological world
  • Work with teammates
  • ask questions
  • dont keep quiet

Knows the basisc

  • Naturally creative
  • know your way around Figma, Miro, Dovetail
  • Be able to show process: sketch > wireframe > prototype > test > iterate
  • user research methods
  • usability
  • product mindset

 

How to apply

mt.mccann@eso.com

deadline Fri 05/11/21

NOT LOOKING FOR A POLISHED PORTFOLIO

She just wants to see the process and why you want to join the team based on what was said today and what motivates you.

What to email MT

  1. tell her the reason why you would love to join ESO
  2. What motivates you and excites you in UX and product design

Global payments

Deadline: 05/11/21

Apply on Workday with CV and portfolio

Interview process:

  1. Interview (30-40 mins)
  2. Second stage interview (present short design challenge)

  • Stephen Picton – director of communications – him and Jordan will be reviewing application
  • UX is the heart of the development process in Global Payments.

Intro to Global payments integrated

  • Focus on integrated payment solutions
  • Sites across the world
  • Allows users to manage account, invoices, credit card, etc…
  • 24,000+ employees
  • Dominic was a placement student last year
  • Belfast and Foyle sites accounts for 80% of the revenue for the company

Intro to technical communications

  • UX:  UX design system –> Ux practices and processes –> Customer feedback –> Accessibility
  • Tech Docs: API documentation (A way of interacting with the software) –> Compliance documentation (Finance, security and compliance) –> Practices and processes –> Style guide

Merges to create —> UX WRITTING

  • Hardware interface
  • Software interface
  • User guides
  • Help center

Accessibility is a huge thing for Global Payments especially since in the states by law the UI must be accessible. 

Intro to Genius

Team goal

  • Promote Ux
  • Conduct research
  • Collaborate across disciplines
  • Deliver design decisions
  • Create solutions
  • Seek feedback and validate design

Strategy

  • Lean product strategy
  • Agile product development
  • ..

UX goals and process

 

What to expect

  • You will be part of the team

Gemma’s placement experience

  • Built out interface devices
  • Prototyping used tool called protopie
  • Communicating with others, at home and overseas
  • Journey maps
  • empathy maps
  • Creating device illustrations
  • How you can apply
  • Hypothesis mapping
  • The mad hackathon (Allows employes to present ideas they think global payments should develop)
  • Start date: July 2022 for 12 months
  • Working hours: 37.5 hours per week Mon -Fri 9:00 – 5:30

 

 

Key skills they want

  • design for accessibility
  • UX writing
  • Illustrative skills
  • Design thinking – they are not that worried about the portfolio
  • Brush up on understanding of UX process for interviews. How to put ypurself in the mind of the user
  • Design UX and UI for design thing with one of their screens and show them?
  • Empathy maps

Rapid7

What are they? A high tech security company

Headquarters – Boston

Belfast office

The Belfast headquarters is an innovation hub – named one of the leading places to work at.

Set up in 2014 with 1 employee, now they have over 300 employees.

The teams building owns all of the company flagship products

pic

pic of building, reception, makers spacxe and library, main cafe, gaimimg space.

Placement program

  • Interns become valuable members of the team from day 1
  • About 80% of the interns receive employment offers to return to work with them after graduation.
  • Around 150 interns have come through the process since it started in 2014
  • Some of the initial interns are now Lead Engineers.

Jordan – previous intern

  • Started 7 years ago
  • 9 Interns entered the office with a full time staff
  • In the chaos he learned and became able to apply knowledge from university into his designs.
  • Has travelled all over – from being sent to courses, company kick off in Belfast or Boston

Questions:

  1. What was your training before you went into Rapid7 Jordan? I’m just wondering if there’s a preference to what type of education background you’re coming from.   –  He went to Jordanstown not knowing real word experience. EAGERNESS is what they are looking for, don’t worry about feeling that you are not really. Prove that you are ready and willing to learn.
  2. Internships make a huge difference in building up your skill
  3. Experience will not be a factor – they know we have just started to learn.
  4. There is room for transitioning between roles; even between different UX roles.

Opportunities available for me –> UX design & engineering and product management  5 going to UX design and 1 to product management


What to expect as an intern

  • Opportunity to work on real production code from the very start
  • Formal training program to help you settle
  • Learn lots of new technology
  • Be treated as a regular team member
  • Be assigned a mentor – guidance and assistance. Helps you learn at a pace that suits you best within the company.
  • We will give you an experience as valuable as possible, setting you up for a successful final year
  • Offer to return as a graduate if you have been successful.

What they expect from me?

  • Good attitude and aptitude
  • Passion for learning technology
  • Experience is not necessary they will provide us with the tools to learn and be successful.

Erin – previous intern – more engineering

  • She did not have the instill training interns get now
  • Joined in 2016
  • Only girl in the team – never felt like it though
  • She was able to write code from the ground up and architecture information, take part in meetings
  • Studied in Queens
  • Questions were always welcomed
  • Types of technologies she is using now – pretty much everything was new to her. Java, and really any new product or software that is relevant – you are constantly learning. Its a great way to mature in your career also.

Advice:

  1. Ask questions
  2. Learn through your mentors

Benefits

  • Attractive salary about £20000
  • 24 days annual leave and bank/public holidays
  • Private health, life and travel insurance
  • Company pension plan with generous (7%) employer contribution
  • Company shares plan at 15% discount
  • Employee assistance program – mental health support
  • When in the office, snacks and refreshments available
  • Pool table, table tennis and board games available
  • Regular office gatherings with breakfast, lunch or dinner provided. Monthly they do Belfast time hall to hear what everyone is working on and welcome new hires.
  • They have a speak easy pub in the office

 

Next steps

  1. Apply!!!!!! closing date 29 October
  2. Candidates will be contacted to schedule their own 15 minute pre screen interview with one of our engineering managers – COME PREPARED – big about CV, yourself, company and interest surrounding industry
  3. If successful, you will be contracted regarding a technical interview. 90 mins – Check spam folder pls  These will happen in November. Puzzle you must solve with the team to see how you would work together
  4. All interviews will take place via Zoom.
  5. the talent acquisition team will be in touch with applications outcomes and offers

They have a take home challenge – get a design problem and solve it with wireframes and prototypes then get 15mins in the interview to explain it.

TIPS

  • Be prepared
  • Do research, explore their products
  • Avoid a vanilla CV
  • What will make you stand out (in a good way)
  • Take your time with the design challenge. Don’t just show a polished design, show your thought process.

 

Final notes

  • They will look to see when you join them what roles makes the most sense to your skills and designers and natural abilities – They will ensure you are doing the role that is best suited for you. Transition is an option
  • Big JAVA house. C++ and Python
  • For UX development they use HTML, SASS, react, vanilla ds
  • UX design – figma, miro
  • They are not super strict when it comes to time. As the norm expectation work from 10 – 4 or 9 -5. Really whatever works best, just use some sense and work in a productive way and in a time that works with your team.
  • Still working from home but they don’t know what will be happening next year.
  • Design challenges – hard design challenge of scale.

Rapid7 placement talk

Speaker: Mike

Date: 28/10/21

Who is Rapid7?

  • Service protection/security company.
  • Protection
  • Prevention
  • Security
  • We are the force behind the people who protect you everyday – securing your connection online, making sure your connection, passwords and data is secure. They build this software.
  • We protect the tools that protect society: Cloud security, threat protection (Use AI to anticipate threats), Security automated, vulnerability management, application security, Incident detection and support —> could consider this a novel cause.
  • We are powering the cyber protectors

Why does UX matter in Cyber security?

  • We are designing the critical experience for our users. It must be powerful, reliable and extensive. But they are nothing if they are not usable – they must be user friendly.

3000 staff across the UK, Japan, US, Amsterdam, etc.

Design system:

  1. Discovery:   Brief –> 5 whys (Is it inline with user wishes, is it technically feasible, do we have the people to do it?) –> Heuristic review –> feasibility review (talk to some engineers, product managers before suggesting it) –> Competitor review (Help or support pages are great to show how they explain their process) –>  Tooling (What tools will I use to achieve this? It’s about choosing the right tool to create prototypes easily to then present it to the team – what is the tool quit of my team?) –> User research (what are your users really saying? User centered) –> Analytics () –> Market landscape
  2. Design: Insights –> Design principles –> Design system integrations –> Brand experience –> Artefacts –> Exploration  –> Progress review –> Prototyping
  3. Build: Learn at least the basics of HTML and CSS and Java so you can have an educated talk with the developers.
  4. Test: Prototype –> Peer test –> User test –> Device test (Put your designs in as many devices as possible as they will look different depending on their settings) –> Quality assurance (Don’t mark your own homework – you are not impartial) –> Accessibility test (Make sure whatever you create is accessible) –> Performance test –> Benchmarking (against other experiences – eg how many clicks does it take? How quickly can a user get through it?) –> Done criteria (Are you ticking off the criteria boxes? Can we automate this? Is it successful? … Ask for the definition of what being ‘done’ will be for this project)

They work in an agile way (2 week cycle for UX design)

At the end of the design system something gets pushed live

What they are looking for:

  • Think in a problem solving way
  • Accessible designing
  • Being a great UX practitioner also means being a great storyteller – Tell them a good story of how you reached your design 

Design in an art. UX is a science

  • UX process can be learned
  • Design is products solving, creating something that is aesthetic and usable.
  • Learn by doing it, living it and practicing it. Get your hands dirty. Learn through doing.
  • Understanding the why and testing ideas.

What to say in interview:

  • Want to work for this company as I believe the work they do is a novel cause that protects those that protect us
  • Talk about design systems – how UX and UI should be implemented across
  • Waterfall vs Agile design system – Agile is better but research it and make a blog post
  • Be ready to tell the story of your work
  • Be ready to tell your story
  • Help design the critical experience and empower the protectors
  • They like slack as a social platform

 

 


Application process dates and info

  • How long until we hear back: Couple of weeks – November 8th
  • They review websites as soon as you submit it #screed
  • Remote and onsite work

10 month long placement.

The winding road to design

Organized by Ladies that UX Belfast

Speakers

  • Rick Monroe
  • Conaill Hyndman
  • Anna Murray

New Ladies that UX leaders

  • Sam Nelson (design research lead at Deloitte Digital)
  • Rosie McKenzie (Service design consultant at EY Seren)
  • Eve McCann (Senior service design consultant at EY Seren)

I love solving problems for real people through my work.

Conaill Hyndman

  • How he became a developer to designer
  • UX/UI designer at Deloitte Digital
  • Joined as a front-end developer
  • 2 years as a developer
  • Always new he wanted to work on design – this was made apparent when he would work with designers
  • Fiona Sloan (UX lead at Deloitte digital) his sister – might be a good person to email asking for a job

Training:

  • Udemy courses on how to use Figma
  • Adobe Certified Associate in Photoshop 2017
  • UX/UI podcasts – Pablo Stanley
  • Accessibility – attended FE accessible courses

Learning on the job:

  • Trial and error
  • Allow for mistakes
  • Group design critiques
  • You will never be fully comfortable unless you get stuck in

Top tips:

  • No one starts out as an expert
  • Mistakes make a better designer
  • Make time to learn – do this before moving into the role
  • Ask questions, it’s never a silly one
  • Your pathway is your personal journey – always changing, always learning
  • Enjoy your experience

Rick Monroe

Connecting the dots

  • Use your experience to react better to situations

Career

  • started off as a graphic designer – he was focused on style
  • Then became an interaction designer where he started working trying to create engagement and interactions
  • Got involved with UX – He started designing as an investment. He found his value. Started seeing his work as delivering values
  • Where he is heading – wants to deliver impactful outcomes.

The roles he has had since graduating did not exist when he first graduated, the industry grew and changed and he developed and adapted with it to change where he was an to become something different

“You can’t connect the dots looking forward; you can only connect them looking backward. You have to trust that the dots will somehow connect in your future” – Steve Jobs

Book recommendations:

  • Managing oneself – Peter F. Drucker

Success … comes to those who know themselves – Peter Drucker

This is how you learn, work with others, what your values are, how you work with others and your contributions. Self-awareness – learning as well as learning about yourself never stops. You can’t have self awareness without self reflection

  • The humble designer written by Rick Monroe – blog post
  • Quiet by Susan Cain – The power of introverts in a world that can’t stop talking

Introverts have more empathy …

“An introvert is not a failed extrovert” – Susan Meindl

You are not a failed version of something else. Think long-term

Insert r4 image here

It is important to be kind to those (even yourself) who have not yet learned or experienced as much as others. Practice humility and self awareness and recognize when you are at the top of your game. Never be afraid ro ask for help and learn from people who have made it to the top.

“It’s all experience, son.” – Rick Monroe’s dad

Anna Murray

  • Works at EY Seren’s service design practice
  • Learning design on the job
  • Do not compare yourself to others
  • Asking for advice is a strenght not a weakness
  • Having different backgrounds in the room other than a pure design background always bring a wealth of value.
  • Testing and iterating is part of the process – we expect our product or service we are designing to need several iterations before it’s right (and even after that it’s a continuous work in progress) so we should look at our own journey like that too and be willing to test things out and have patience with the process.
  • A ‘typical’ designer does not exists!
  • “User need Enthusiast”
  • Celebrate and promote diversity of thought
  • Encourage others and ourselves to share our knowledge gaps
  • Actually be more comfortable with ‘failing fast’ or ‘failing at all’
  • Challenge the inclusivity and accessibility of design
  • Variety in experience and diversity of thought shouldn’t be limited to your CV, I also believe it’s life experiences, personal opinions, thoughts etc.

 

 


Things MT liked

  • Being able to pivot and transition
  • Willing to go away and learn
  • “User need Enthusiast”

FinTrU

UX placement opportunities 2022 – 2023

Speaker: Damon Rodgers (UX designer)


Interviewer

  • Andrew Rossborogh (Lead UX/UI designer)  he will interview for the role

Good mentor and was in Kyles uni class.

He wants to see

Reserach –> Analyse (crazy 8s) –> Design –> Prototype –> deliver, test and reflect


Who is FinTrU

  • Finance and security
  • creating solutions for Investment banks that will be used throughout the world
  • employer and company of the year.
  • Mental health support
  • Hybrid working
  • Coffee bar

What we get

  • How to combine UX thinking with design execution
  • Planning and running user tests
  • Designing and prototyping elegant solutions for complex problems
  • Supported by an assigned mentor
  • Employee assisted program – they will fund you to study after degree
  • Performance related rewards
  • Training and development
  • competitive salary
  • 23 days and 10 bank holidays off
  • Can skip 1st year graduate program
  • Comprehensive health and wellbeing strategy

Placement students

  • Patrick Boutilier

Who are they looking for?

  • user research (survey, interview and usability testing)
  • Passion for quality
  • Prioritise and plan your work
  • Attention to detail
  • Figma

Portfolio

  • examples of work including screen designs/prototypes
  • how you can frame the problem you were trying to solve – research
  • The process – decision making
  • Ability to talk through your portfolio with confidence
  • Ability to reflect on what you learned and how you grew
  • ….

How to apply:

Go to FinTrU website and apply there – apply to portal – then they select who they interview – then look at portfolio.

Interview question

  • Can you tell us your UX process relating back to your portfolio