Home
Videos uploaded by user “Robert Smith”
How To Create User Personas | UX Tutorial
 
05:58
Want are User Personas and how are they used? ____ HERE ARE SOME NEXT STEPS... 1) HIRE ME: Want me to work with your startup or business? https://bit.ly/2AybHq8 2) FREE EBOOK: "How to start a career in UX" https://bit.ly/2xuYDDE 3) FREE PORTFOLIO REVIEW: Get my thoughts on your portfolio... https://bit.ly/2KuhpxM ____ A User Persona is a representation of a particular audience segment for a product or service you are designing. It captures their motivations, frustrations and gives you an overview of who they are as an individual. Personas can be based on real users and information, or assumptions about who is going to be using our product. In general they are more effective if we are dealing with real data. Persona’s are a foundational UX activity and help you to create user journeys A persona can contain a variety of information that can help us ‘paint’ a picture of our user. The information could include: - Demographic data - name, age, sex, location - Archetype - Goals and motivations for using your product or service - Technical ability and device usage - Other brands or websites they may like ____ LEARN HOW TO START A CAREER IN UX WITH THIS FREE GUIDE: https://bit.ly/2xuYDDE ____ CREATE USER PERSONAS Sticky notes - http://amzn.eu/hDUuw9a Sharpie marker pens - http://amzn.eu/jhbAm8w UX TOOLS Webflow - https://webflow.com/ UX Pin - https://www.uxpin.com/ InVision - https://www.invisionapp.com/ MUSIC CREDIT https://soundcloud.com/uhlmann-roland/cyrron-saxy-funk-creative-commons-radio-edit-138 ____ Check out my social for more UX tips: Instagram: https://www.instagram.com/robertsmith.co/ Twitter: https://twitter.com/robertsmith_co
Views: 19614 Robert Smith
How To Write User Stories
 
12:21
Want are User Stories and how do you write them? In this UX tutorial for beginners I show you how! ____ IF YOU LIKE MY CHANNEL, HERE ARE SOME NEXT STEPS... 1) HIRE ME: Want me to work with your startup or business? https://bit.ly/2AybHq8 2) FREE EBOOK: "How to start a career in UX" https://bit.ly/2xuYDDE 3) FREE PORTFOLIO REVIEW: Get my thoughts on your portfolio... https://bit.ly/2KuhpxM ____ In this video I go over what user stories are, how to write them and how to use them to create a product using an agile workflow. What is a User Story? It's a short, simple description of a product feature, told from the perspective of the person who wants that feature or as a potential/existing user of a product or service. They are used to define the product backlog in an Agile development workflow. The product backlog is a collection of user stories that drives feature development for a product or service. How do you Write a User Story? They are composed of 3 parts: - #1 User persona - #2 The feature the user requires - #3 The need satisfied by that feature Example: As a (user) I want a (feature) so that I can (satisfy a need). What is an Epic? An epic is essentially a very big user story which likely includes many other smaller user stories. Example (Airbnb): I want to find holiday destinations and travel abroad. Let's break own this example: Step 1 : Write our epics Epic #1 As a user I want to discover new and interesting destinations Epic #2 As a user I want to book accommodation in a foreign city. Epic #3 As a user I want to create an experience in a foreign city Step 2 : Break these epics into smaller stories ____ CREATE USER STORIES Sticky notes - http://amzn.eu/hDUuw9a Sharpie marker pens - http://amzn.eu/jhbAm8w FAVE UX TOOLS Webflow - https://webflow.com/ UX Pin - https://www.uxpin.com/ Balsamiq - https://balsamiq.com/ InVision - https://www.invisionapp.com/ Trello - https://trello.com/ Lucid Chart - https://www.lucidchart.com/ ____ Check out my social for more UX tips: Instagram: https://www.instagram.com/robertsmith.co/ Twitter: https://twitter.com/robertsmith_co
Views: 21606 Robert Smith
How To Create User Journeys | UX Tutorial
 
04:59
Want are User Journeys and how can you create one? In this UX tutorial for beginners, I show you. ____ LIKE MY VIDEOS? Here are some next steps... 1) HIRE ME: Want me to work with your startup or business? https://bit.ly/2AybHq8 2) FREE EBOOK: "How to start a career in UX" https://bit.ly/2xuYDDE 3) FREE PORTFOLIO REVIEW: Get my thoughts on your portfolio... https://bit.ly/2KuhpxM ____ A User Journey is a series of steps which map out how a user might interact with the a product or service you are designing. This could cover how a user might go from landing on your website homepage to the checkout page of your site so they can purchase something, and all the steps in between Typically user journeys can be used in two distinct ways - 1. To map out how a user currently interacts with a product or service 2. To map out how a user could interact with a product or service Using a User Journey to analyse how a user currently interacts with a product or service is great for understanding what works well and what doesn’t with current workflows Using a Journey to analyse how a user could interact with a product or service is a great way to ensure what we are designing is consistent with the tasks and goals a user might have A User Journey doesn’t have to follow a particular format or template and there’s a variety of ways you can communicate the journey. As long as it’s clear what the context of the journey is and the relation between each of the steps. Defining a user journey: Context - Where is the user? What’s going on around them? Sequence - What are the linear steps of the process to achieve their goal(s)? Functionality - What functionality is required for each of the steps? Devices and technology - What devices are they using? Watch the video to learn more!!! ____ LEARN HOW TO START A CAREER IN UX WITH THIS FREE GUIDE: https://bit.ly/2xuYDDE ____ CREATE USER JOURNEYS Sticky notes - http://amzn.eu/hDUuw9a Sharpie marker pens - http://amzn.eu/jhbAm8w UX TOOLS Webflow - https://webflow.com/ UX Pin - https://www.uxpin.com/ InVision - https://www.invisionapp.com/ MUSIC CREDIT https://soundcloud.com/uhlmann-roland/cyrron-saxy-funk-creative-commons-radio-edit-138 ____ Check out my social for more UX tips: Instagram: https://www.instagram.com/robertsmith.co/ Twitter: https://twitter.com/robertsmith_co
Views: 24549 Robert Smith
The Difference Between User Journeys and User Flows |  UX Tutorial
 
07:36
What are the main differences between a User Journeys and a User Flow? In this UX tutorial for beginners, I show you. ____ User Journey: A User is a more top level view of how a user interacts with a product or service and maps the different stages and scenarios of the interaction of the user with the product. Example: Uber User Journey 1. User takes phone out of his pocket 2. Enters their destination 3. Choose car and fare 4. Confirmation User Flow: A user flow shows a specific path or flow a user follows within a product. It shows details such as screens, pages, functionality and interactions Example : using the Uber example again 1. Splash/loading screen 2. Postcode/destination search 3. Search Results 4. Select destination 5. Select car + fare 6. Show driver distance ____ IF YOU LIKE MY CHANNEL, HERE ARE SOME NEXT STEPS... 1) HIRE ME: Want me to work with your startup or business? https://bit.ly/2AybHq8 2) FREE EBOOK: "How to start a career in UX" https://bit.ly/2xuYDDE 3) FREE PORTFOLIO REVIEW: Get my thoughts on your portfolio... https://bit.ly/2KuhpxM ____ User Journey - Refers to a series of stages and scenarios in which a user interacts with a product - Is used to demonstrate current and potential ways a user can interact with a product User Flow - Defines the specific route a user will follow within a product to achieve their desired goal or outcome - Flow focuses on specifics such as screens, functionality, interaction patterns etc User Journey (Example: Booking a ride with Uber) - User wants to get home - User pulls phone out and opens app - Users types in home postcode - User receives confirmation of booking - App notifies user when ride arrives User Flow (Example: Booking a ride with Uber) - Uber Splash Screen - Homepage (where to?) - Location selection - Ride and fare selection - Confirmation screen ____ LEARN HOW TO START A CAREER IN UX WITH THIS FREE GUIDE: https://bit.ly/2xuYDDE ____ CREATE USER JOURNEYS & FLOWS Sticky notes - http://amzn.eu/hDUuw9a Sharpie marker pens - http://amzn.eu/jhbAm8w UX TOOLS Webflow - https://webflow.com/ UX Pin - https://www.uxpin.com/ InVision - https://www.invisionapp.com/ ____ Check out my social for more UX tips: Instagram: https://www.instagram.com/robertsmith.co/ Twitter: https://twitter.com/robertsmith_co
Views: 19406 Robert Smith
What Is Information Architecture (IA)?
 
05:09
In this video I give you an introduction to Information Architecture and discuss some common Information Architecture deliverables. ____ IF YOU LIKE MY CHANNEL, HERE ARE SOME NEXT STEPS... 1) HIRE ME: Want me to work with your startup or business? https://bit.ly/2AybHq8 2) FREE EBOOK: "How to start a career in UX" https://bit.ly/2xuYDDE 3) FREE PORTFOLIO REVIEW: Get my thoughts on your portfolio... https://bit.ly/2KuhpxM ____ Overview Information Architecture (IA) is a term that refers to the organisation and structure of information within a digital product or service, and is a process largely concerned with organising information in a way the helps users effectively meet their needs. Well thought out Information Architecture allows us to provide a great experience for our users by ensuring that we: Help users complete tasks quickly and efficiently Organise content and information in a way that is consistent and searchable Reduce cognitive load by removing unnecessary distractions Information Architecture can take on many different forms and concern many different aspects of what we design and build for our users. If you are thinking about the top level navigation menu of website or deciding how best to organise content on a website for a certain type of user, then you are thinking about Information Architecture. Information Architecture deliverables Within information Architecture there are a number of deliverables that can be used to create a user experience. Let’s take a look at some common IA deliverables below. Navigation Site navigation is used to determine and inform the way a user navigates through something like a website or an app. It involves organising navigational elements in a way that is logical and intuitive to the end user by thinking about where users may look for certain types of information and then helping them find it Sitemaps A Sitemap is a diagram that outlines the structure of a website and shows how the various pages, screens, content and functionality all connect to one another. User Flows A User Flow is a diagram that defines a specific route a user will follow within a product or service to achieve a desired goal or outcome. User Flows are useful for understanding how users currently interact with a product or service, as well as visualising how they potentially could interact with a product or service. Wireframes A wireframe is a low-fidelity visual representation of a user interface, that doesn’t include any styling in terms of colours, typography or graphics. Wireframes are used within Information Architecture to explore and communicate the navigation, functional elements and the hierarchy of content on a website or within an app without focusing on stylistic details Content Categories & Taxonomies The concern of Information Architecture when it comes to content is often around organisation. Well organised content provides a better user experience by being much more intuitive to browse and search for. A common approach within Information Architecture is to organise content by categories and taxonomies, as well as making sure it is searchable using tags and metadata. ____ Check out my social for more UX tips: Instagram: https://www.instagram.com/robertsmith.co/ Twitter: https://twitter.com/robertsmith_co
Views: 3495 Robert Smith
The UX/Product Design Process |  UX Tutorial
 
03:40
Want to learn a very simple UX process? ____ LOVE MY CHANNEL? HERE ARE SOME NEXT STEPS! 1) HIRE ME: Want me to work with your startup or business? https://bit.ly/2AybHq8 2) FREE EBOOK: "How to start a career in UX" https://bit.ly/2xuYDDE 3) FREE PORTFOLIO REVIEW: Get my thoughts on your portfolio... https://bit.ly/2KuhpxM ____ In this video I break down what a very simple 4 step UX process looks like and show you how to implement it in your organisation. This simple process includes the following stages - 1) user research, 2) wireframing/prototyping, 3) user testing/feedback and 4) iteration - and is incredibly easy to implement TODAY! WIREFRAME TOOLS Balsamiq Mockups - https://balsamiq.com/ UX Pin - https://www.uxpin.com/ Powerpoint - https://products.office.com/en-gb/powerpoint PROTOTYPING TOOLS Webflow - https://webflow.com/ UX Pin - https://www.uxpin.com/ InVision - https://www.invisionapp.com/ USER TESTING TOOLS InVision App - https://www.invisionapp.com/ Google Sheets - https://www.google.com/sheets/about/ ____ MUSIC CREDIT https://soundcloud.com/uhlmann-roland/cyrron-saxy-funk-creative-commons-radio-edit-138 ____ Check out my social for more UX tips: Instagram: https://www.instagram.com/robertsmith.co/ Twitter: https://twitter.com/robertsmith_co
Views: 11618 Robert Smith
How To Write A UX Case Study
 
09:13
How do you write a successful UX case study and what elements make up an effective UX case study? In this video I explain... ____ IF YOU LIKE MY CHANNEL, HERE ARE SOME NEXT STEPS... 1) HIRE ME: Want me to work with your startup or business? https://bit.ly/2AybHq8 2) FREE EBOOK: "How to start a career in UX" https://bit.ly/2xuYDDE 3) FREE PORTFOLIO REVIEW: Get my thoughts on your portfolio... https://bit.ly/2KuhpxM ____ 1 - Planning Before you start to think about the design or format, write the case study out as a word document. This will help you focus on the story you want to tell, without being distracted by the other details - formatting, design, imagery etc Create a rough template for your case studies to follow, this will help give them a consistency. Think of the template much like you would a story, with a beginning, a middle and an end. This might include: - Beginning: Providing the background of the project - Middle: Process (your approach, challenges, solutions) - The end: What was the end result? 2 - Context An effective case study let’s the reader know from the very beginning the context of the project. Giving context allows allows the reader the get a general picture of the project without having to read the entire case study. -What was the product or service being created? (project) -Who was it for? (client) -When? (date) -What was your role? -In what capacity did you work? (freelancer, in house, agency) 3 - Process While it’s useful to focus on the bigger picture of a project for context (the client), the main point of the case study should be to highlight your competencies as a UX designer The best way to demonstrate your competencies is to lead people through your process, Your process should highlight your systematic approach to problem solving as a designer, and also show how you function both as an individual and as part of team As an example, a case study that is focused on your approach might show the following: - Researching your audience - Creating research deliverables (user personas etc) - Wireframing a solution - Testing a solution - Iteration It’s also important to not leave gaps or leave things to people’s imagination. So for example, if you weren’t able to conduct user research properly (for whatever reason) at the beginning of a specific project, it’s better to highlight this, than just leave a gap. 4 - Readability & design The main focus of a case study should be the content, however, having said that, you want to make sure it is as easy as possible to read and understand for your user in a visual sense Make sure your typography is correct - so use a font for body copy that works for passages of text, and pay attention to line heights and lengths. Make sure you consider hierarchy and rhythm in terms of the spacing of type and graphic elements. Done properly, this will create a pleasing visual experience for the user. Break content collections into sections and within those sections, break your text into chunks so it’s easy to scan and jump around without getting lost. Remember, people on the web want to scan for content, not read a book. Much like the 1st point, aim to establish a visually recognizable template with your design and formatting. This repetition and consistency will make it easier for your reader to understand what’s going on sooner. 5 - Summarise A good case study doesn’t just end with the final deliverable. Try to summarise the outcomes of the project, both in terms of the bigger picture for the project team and client, but also for yourself as an individual. For example: - What’s happening next with the project/client? - How has your work impacted them? - What have you learnt? - Is there anything that could be improved in terms of your individual - - Approach or the overall project process?
Views: 6290 Robert Smith
What Is a Design System?
 
03:47
A design system is a pre-defined library of design assets that can be used for quick product prototyping, design and development ____ IF YOU LIKE MY VIDEOS, HERE ARE SOME NEXT STEPS... 1) HIRE ME: Want me to work with your startup or business? https://bit.ly/2AybHq8 2) FREE EBOOK: "How to start a career in UX" https://bit.ly/2xuYDDE 3) FREE PORTFOLIO REVIEW: Get my thoughts on your portfolio... https://bit.ly/2KuhpxM ____ A design system typically includes the following assets - ‍- UI components and patterns -‍ Typographic styles and scales ‍- Colour palettes -‍ Icon families ‍- Grid layouts and systems ‍- Brand guidelines (photography style, tone of voice) - UI - Commonly re-usable UI components such as buttons, navigation, forms and card styles Type - Different styles of fonts, weights and sizes Colour - Brand colour palette. Highlights primary and secondary colours and their application to various UI and design elements Icons - Brand icon families and their common styles and usage Grid - The different grid layouts and systems in use on your product. This could include grids for different layouts on different devices, as well as different layouts in certain contexts Brand Guidelines - The brand guidelines tie everything together from a brand perspective and let people know what usage of certain brand assets is and isn’t acceptable, as well as giving guidance for how the brand is applied beyond visual design. Such as photography and written communication style (tone of voice) ___ Watch, share and subscribe to my channel: http://bit.ly/2zOjnU1 ____ Check out my social for more UX tips: Instagram: https://www.instagram.com/robertsmith.co/ Twitter: https://twitter.com/robertsmith_co
Views: 3540 Robert Smith
How To Do UX User Research
 
07:36
How do you do user research and what is the user research process? In this UX tutorial I will show you! ____ IF YOU LIKE MY CHANNEL, HERE ARE SOME NEXT STEPS... 1) HIRE ME: Want me to work with your startup or business? https://bit.ly/2AybHq8 2) FREE EBOOK: "How to start a career in UX" https://bit.ly/2xuYDDE 3) FREE PORTFOLIO REVIEW: Get my thoughts on your portfolio... https://bit.ly/2KuhpxM ____ VIDEO NOTES: Within a HCD (Human Centered Design) research process, there are essentially 3 types of research you can conduct: 1 - Background Research 2 - Usability Testing 3 - ROI research 1 - Background Research This is the type of research you use to discover more about your target audience or users of a product. The research you conduct here is used to gain insight into your users and their needs to discover if what you are designing or intending to design is relevant and suitable for them. Normally consists of: - Surveys (quantitative data) - Interviews (qualitative data) - Questionnaires (qualitative data) 2 - Usability Testing This type of research is used to assess whether what we are creating provides an enjoyable and easy to use experience for our users. Usability tests are often conducted on what we are currently designing or building, but they can also be used to test the usability of something that already exists - like an existing website. Normally consists of: - Low fi wireframes and prototypes (sketches, static visuals) - High fi wireframes and prototypes (task analysis) - Live website testing (task analysis) - Accessibility testing 3 - ROI Research This type of research is used to demonstrate the ROI (Return on Investment) that UX research has made to a particular product. In organisations or on projects where budgets are limited or attitudes aren’t favourable to UX, it’s often important to show the difference user research can make, rather than explaining it. Normally consists of: - A/B testing - Analytics (quantitative data) Process & Timeline Now let’s see how the 3 types of research come together to form the research process. The 3 stages of research can be followed sequentially and then repeated in an iterative way. So, once you have completed the process once, you can then go back to the beginning and repeat it as many times as you want to continue gathering more insight and improving the product continuously. Alternatively, depending on the unique needs and requirements of a project, you may be constrained to start at one of the later research stages. For example, you might join a company that has just shipped the first MVP version of their product and needs to understand users usage patterns and analytic data before deciding what to next. Here it would make sense to start A/B testing the existing product and reviewing their analytics, rather than conducting background research into their audience. ____ Check out my social for more UX tips: Instagram: https://www.instagram.com/robertsmith.co/ Twitter: https://twitter.com/robertsmith_co
Views: 3677 Robert Smith
How To Create User Scenarios
 
09:13
In this video I give you an in-depth explanation of what User Scenarios are and also show you how to create a User Scenario. ____ IF YOU LIKE MY CHANNEL, HERE ARE SOME NEXT STEPS... 1) HIRE ME: Want me to work with your startup or business? https://bit.ly/2AybHq8 2) FREE EBOOK: "How to start a career in UX" https://bit.ly/2xuYDDE 3) FREE PORTFOLIO REVIEW: Get my thoughts on your portfolio... https://bit.ly/2KuhpxM ____ Overview A User Scenario is a story that describes a specific situation in which a user might interact with your product or service to complete a specific task or goal. The user in the story is often linked to a particular persona, and the story describes the reasons why they might want to complete their specific task or goal. User Scenarios can be used almost like a template, to check that what you are creating in terms of IA (Information Architecture), functionality and content is going to be useful to your user, and help them to complete their intended tasks, rather than hinder them. What does a User Scenario consist of? As with anything in UX, what is relevant depends entirely on your unique situation, but as a general rule of thumb, User Scenarios describe the following elements: The User: Here you can define who the user is based on a particular user persona Their Motivations: Here you can define what is motivating them to use your product or service Their Goals: Here you can define what tasks they want to complete and what criteria must be met for a task to be considered completed Additional Considerations: This could be defining anything from their current environment (busy? quiet?) to the device they are accessing your website on (desktop? Mobile?) Example Let’s take the example of a someone using a travel app to book cheap flights So for example, let’s take our user persona ‘John’ who is a travel enthusiast. John is planning a round the world trip and he wants to book a series of cheap flights to go from destination to destination. His motivation for this is that he wants to travel, but only if he can do it on a budget. He starts out on the Home screen of the travel app and starts a search. He types in all the destinations he wants to travel to and from, and the dates he wants to do it. After entering his information the app compares a number of prices from different airlines and then shows him his options. He chooses the most cost effective option and then pays online using his credit card. The scenario above shows his motivations and the types of tasks he will want to complete if we were designing the app from scratch. Benefits and Uses Using User Scenarios can help with a number of aspects of UX design and strategy, such as: Information Architecture (IA): Scenarios can play a part in ensuring that the sites Information Architecture serves the user in a way that helps them find information quickly and navigate effectively Content and functionality: Scenarios can play a part in ensuring that the sites content is searchable and helpful, as well as ensuring functionality meets the users requirements and helps them complete tasks effectively Usability Testing: User Scenarios are a great way of creating ‘test’ situations for participants to follow when conducting Usability studies Conclusion So as you can see, User Scenarios are a great way to really get in the head of your users and make sure the product or service you are designing really helps them meet their needs in an effective way.
Views: 2584 Robert Smith
What is a Full Stack Designer?
 
05:22
In this video I answer the question - what is a full stack designer? I also discuss the advantages and disadvantages of being a full stack designer. Enjoy! ____ IF YOU LIKE MY CHANNEL, HERE ARE SOME NEXT STEPS... 1) HIRE ME: Want me to work with your startup or business? https://bit.ly/2AybHq8 2) FREE EBOOK: "How to start a career in UX" https://bit.ly/2xuYDDE 3) FREE PORTFOLIO REVIEW: Get my thoughts on your portfolio... https://bit.ly/2KuhpxM ____ VIDEO NOTES: Overview - A full stack designer, sometimes called a unicorn or generalist, is a designer who is able to competently work across all areas of the design and development process, and is usually able to take a product or service from a concept through to delivery, or at least get very close - This means a full-stack designer is able to handle and deliver the UX of a project, the interface and visual design of a project as well as the front-end development, and maybe even back-end development Pros - Great for smaller teams and organisations who don’t have the budget or resources to build a large team of people with specialised skill sets. Also might make good ‘lone wolf’ freelancers. - Having a full understanding of the process will likely lead to greater cohesion of the separate disciplines - so for example, if you understand the constraints of technologies such as HTML/CSS, this will likely inform design decisions you make earlier on in the process, leading to less friction when moving from design to development - They would make good team leaders or product managers, as having a 360 view of the design and development process would allow them to communicate effectively with people working in those areas Cons - As with all ‘generalist’ roles, it’s rare that the quality of each of the skills possessed would be as advanced as that of someone who is specialised in that particular area. So for example the interface design skills of a full stack designer might not be as refined as those of a designer who specialises purely in interface and interaction design - Some areas of their skillset may be less developed or refined than other areas. So for example, their competency in the area of UX might be a 8/10, their interface design skills might only be a 4/10 and their web development skills might be 8/10. Meaning and uneven distribution in the separate areas of quality of the product. Well thought out from a UX perspective, visually un-appealing but well built. ____ FAVE UX TOOLS Webflow - https://webflow.com/ UX Pin - https://www.uxpin.com/ Balsamiq - https://balsamiq.com/ InVision - https://www.invisionapp.com/ Trello - https://trello.com/ Lucid Chart - https://www.lucidchart.com/ ____ Check out my social for more UX tips: Instagram: https://www.instagram.com/robertsmith.co/ Twitter: https://twitter.com/robertsmith_co
Views: 1835 Robert Smith
How To Create a Sitemap |  UX Tutorial
 
05:18
What is a sitemap and how do you create one? In this video I explain what a sitemap is and show you an easy way to create one in minutes! Sitemaps are perfect for visualising the structure and information hierarchy of your website, app or product. You can create one in minutes using sticky notes and marker pens and it will give you a create starting point for discussion with your team. Enjoy! ____ LOVE MY CHANNEL? HERE ARE SOME NEXT STEPS... 1) HIRE ME: Want me to work with your startup or business? https://bit.ly/2AybHq8 2) FREE EBOOK: "How to start a career in UX" https://bit.ly/2xuYDDE 3) FREE PORTFOLIO REVIEW: Get my thoughts on your portfolio... https://bit.ly/2KuhpxM ____ MUSIC https://soundcloud.com/drivelondon/swimming-pools-drank-bowser-x-drive-remix https://soundcloud.com/uhlmann-roland/cyrron-saxy-funk-creative-commons-radio-edit-138 EQUIPMENT Sticky notes - http://amzn.eu/hDUuw9a Sharpie marker pens - http://amzn.eu/jhbAm8w USEFUL SITEMAP SOFTWARE Draw.io - https://www.draw.io/ Lucid Chart - https://www.lucidchart.com/ UX TOOLS Webflow - https://webflow.com/ UX Pin - https://www.uxpin.com/ InVision - https://www.invisionapp.com/ ____ Check out my social for more UX tips: Instagram: https://www.instagram.com/robertsmith.co/ Twitter: https://twitter.com/robertsmith_co
Views: 13117 Robert Smith
Should UX Designers Code?
 
03:11
Should UX designers learn to code? In this video I discuss the advantages and disadvantages of UX designers being able to code. Enjoy! ____ IF YOU LIKE MY CHANNEL, HERE ARE SOME NEXT STEPS... 1) HIRE ME: Want me to work with your startup or business? https://bit.ly/2AybHq8 2) FREE EBOOK: "How to start a career in UX" https://bit.ly/2xuYDDE 3) FREE PORTFOLIO REVIEW: Get my thoughts on your portfolio... https://bit.ly/2KuhpxM ____ VIDEO NOTES: Overview I think overall, if you can code or you have an understanding of front-end and back-end technologies, then it’s very helpful, but it’s not required. Advantages - Being able to code allows you to understand what is possible from a technical perspective. This is positive because if you have an understanding of the technicalities of a product or service, then you are likely to take a more holistic approach to it’s design, incorporating all the elements of what you know about how it might be built and function to your design process - The ability to code also allows you to understand what is not possible. Obviously, every project is different and restrictions are largely dependant on context, but understanding what cannot be done allows you to keep the focus on working toward a solution that is ‘buildable’, leading to less friction at the interchange between design and development Disadvantages - To slightly contradict my above argument, sometimes ignorance really is bliss. If you are approaching things from a purely human centered design perspective, then meeting people’s needs should trump technical constraints. So essentially, the focus should be designing the right solution, then figuring out how to build it, rather than being influenced to much by what you think can or cannot be built. FAVE UX TOOLS Webflow - https://webflow.com/ UX Pin - https://www.uxpin.com/ Balsamiq - https://balsamiq.com/ InVision - https://www.invisionapp.com/ Trello - https://trello.com/ Lucid Chart - https://www.lucidchart.com/
Views: 950 Robert Smith
An Explanation of The Different UX Job Roles
 
04:57
In this video I give you an in-depth explanation of what some of the most common UX job roles are! ____ IF YOU LIKE MY CHANNEL, HERE ARE SOME NEXT STEPS... 1) HIRE ME: Want me to work with your startup or business? https://bit.ly/2AybHq8 2) FREE EBOOK: "How to start a career in UX" https://bit.ly/2xuYDDE 3) FREE PORTFOLIO REVIEW: Get my thoughts on your portfolio... https://bit.ly/2KuhpxM ____ UX Researcher A UX Researcher is responsible for carrying out, analysing and communicating user research to the UX team and stakeholders. UX research is often the basis of much of the decision making in a project regarding users and their needs. Information Architect The job role covers a broad spectrum of activities, but simply put, and Information Architect (IA) is responsible for to the organisation and structure of information within a digital product or service. This could be many things - from the organisation of pages and screens to the categorisation of blog content. Interaction Designer A term given to a person that is responsible on creating and building wireframes and prototypes that demonstrate how a user will interact with a product and designing for the the different journeys a user may take through a product Visual Designer This term covers many things such as UI design, but essentially it refers to the person who is leading the visual design of a product and the various visual elements of a product such as colour, typography, layout, composition, UI patterns, branding and graphic design Usability Tester These terms refer to the person or people in charge of ensuring a product meets usability standards. Often these standards can be checked via methods such as usability testing with real users as well as more objective evaluations, such as heuristic reviews Content Strategist A broad terms that spans beyond UX, but in general a content strategist will often be involved with the information architecture of a product and is someone who focuses of the structure and organisation of content within a product. UX Copywriter A new and emerging job role, but this is a term that refers to someone who focuses on the language and terminology within a product and how effectively it communicates with users Full-stack designer A term given to a designer who works across all aspects of the product design process, and even the development process. ____ Check out my social for more UX tips: Instagram: https://www.instagram.com/robertsmith.co/ Twitter: https://twitter.com/robertsmith_co
Views: 1190 Robert Smith
User Stories and Trello (Agile Workflow) | UX Tutorial
 
12:21
In this video we look at the basics of working with User Stories in Trello (https://trello.com/) using an Agile Workflow. Enjoy! This is the second part of my User Story tutorial series. See part 1 here - https://youtu.be/eYZ8vBXL1kk ____ IF YOU LIKE MY CHANNEL, HERE ARE SOME NEXT STEPS... 1) HIRE ME: Want me to work with your startup or business? https://bit.ly/2AybHq8 2) FREE EBOOK: "How to start a career in UX" https://bit.ly/2xuYDDE 3) FREE PORTFOLIO REVIEW: Get my thoughts on your portfolio... https://bit.ly/2KuhpxM ____ CREATE USER STORIES Sticky notes - http://amzn.eu/hDUuw9a Sharpie marker pens - http://amzn.eu/jhbAm8w FAVE UX TOOLS Webflow - https://webflow.com/ UX Pin - https://www.uxpin.com/ Balsamiq - https://balsamiq.com/ InVision - https://www.invisionapp.com/ FlowMapp - https://flowmapp.com/ Trello - https://trello.com/ Lucid Chart - https://www.lucidchart.com/ ____ Check out my social for more UX tips: Instagram: https://www.instagram.com/robertsmith.co/ Twitter: https://twitter.com/robertsmith_co
Views: 5552 Robert Smith
What Soft Skills Does a UX Professional Need?
 
07:01
What are the top soft skills you need to succeed in UX? In this video I discuss what I think are important soft skills and how you can use them to advance in your UX career. Enjoy! ____ IF YOU LIKE MY CHANNEL, HERE ARE SOME NEXT STEPS... 1) HIRE ME: Want me to work with your startup or business? https://bit.ly/2AybHq8 2) FREE EBOOK: "How to start a career in UX" https://bit.ly/2xuYDDE 3) FREE PORTFOLIO REVIEW: Get my thoughts on your portfolio... https://bit.ly/2KuhpxM ____ VIDEO NOTES: 1 - Practicing empathy Empathy is the ability to understand the feelings of another person. This is an important soft skill for any UX designer as our profession is about understanding other people’s needs and then helping them meet those needs with the products or services we design. Being able to empathise with the people you are designing a product or service for keeps you focused on what is important, as it allows you to put yourself in the user’s shoes, and make decisions based on what you know they want, rather than what you want. 2 - Ability to listen The ability to listen properly is not only a critical skill to master for a UX designer, but it’s also much harder to do than you think. This is because most of the time when someone is speaking, you are not actually listening. You might think you are, because you are not saying anything, but in reality, you might be thinking about something else or just waiting for them to finish so you can start speaking again. The next time someone is speaking, actually try to concentrate on what it is they are trying to say and then internalise it. An effective way to actually check you’ve been listening to them is to repeat it back to them when they’ve finished speaking, to really make sure you ‘get’ what they mean. Most people don’t do this. 3 - Ability to disagree While our profession is certainly about being able to collaborate, compromise and progress toward a common goal, the ability to disagree and dig your heels in is also an important skill. If you feel a decision is not right or you disagree with something, it’s important that you speak up and challenge assumptions. This doesn’t mean being stubborn or disagreeable for no reason, but it does mean it’s important to speak your mind if you have an alternative opinion or viewpoint. Sometimes the viewpoint you present could be the optimal solution, or it could not, but you won’t benefit from keeping an idea to yourself. 4 - Written and verbal communication You can be the best designer in the world, but if you aren’t able to articulate your ideas in a clear and convincing manner, then few people will take what you have to say seriously. Making sure you can communicate in a clear and concise manner, both in terms of written and verbal communication is a key skill to have. Some general things to consider, would be Written and verbal: - Being confident in your approach - Being able to explain difficult concepts to a child - Speaking clearly and concisely - Being able to speak to a group of people (team or stakeholders) - Not rambling - Asking others what they think and then listening - Reading books FAVE UX TOOLS Webflow - https://webflow.com/ UX Pin - https://www.uxpin.com/ Balsamiq - https://balsamiq.com/ InVision - https://www.invisionapp.com/ Trello - https://trello.com/ Lucid Chart - https://www.lucidchart.com/
Views: 1026 Robert Smith
Webflow for beginners (001) - Introduction to Webflow
 
42:38
Introduction to Webflow. Webflow is a responsive website design tool that let's you build websites in the browser. This is a Webflow tutorial that gives you and understanding of the Webflow design software. This is part 1 of the series: Part 2 : https://youtu.be/3AtxpOOt0FI Part 3 : https://youtu.be/J_UeCSd4Rl4 ____ LOVE MY CHANNEL? HERE ARE SOME NEXT STEPS! 1) HIRE ME: Want me to work with your startup or business? https://bit.ly/2AybHq8 2) FREE EBOOK: "How to start a career in UX" https://bit.ly/2xuYDDE 3) FREE PORTFOLIO REVIEW: Get my thoughts on your portfolio... https://bit.ly/2KuhpxM ____ SOFTWARE USED https://webflow.com/ ON MY DESK Macbook Prom Retina, 13 inch - http://amzn.eu/4FEX0gr Dell ultra sharp 23 inch monitor - http://amzn.eu/dDeISAM Desk lamp: http://amzn.eu/7Iu1RRB Native Union iPhone dock - http://amzn.eu/fUv8741 ____ Check out my social for more UX tips: Instagram: https://www.instagram.com/robertsmith.co/ Twitter: https://twitter.com/robertsmith_co
Views: 33594 Robert Smith
UX Interview Tips
 
09:03
In this video I share with you some tips on UX interviews! ____ IF YOU LIKE MY CHANNEL, HERE ARE SOME NEXT STEPS... 1) HIRE ME: Want me to work with your startup or business? https://bit.ly/2AybHq8 2) FREE EBOOK: "How to start a career in UX" https://bit.ly/2xuYDDE 3) FREE PORTFOLIO REVIEW: Get my thoughts on your portfolio... https://bit.ly/2KuhpxM ____ Tip 1: Practice introducing yourself - 9/10 you will get asked to introduce yourself - Use this as an opportunity to tell your story - Talk about who you are where you have come from - Take your time, talk slowly but keep it concise (intro) Tip 2: Prepare a case study - Again, you will probably get asked to talk through a project - Either create a fresh case study (relevant to the job) - Or choose an existing one - Practice talking through it and covering the unique details Tip 3: Research the company - “So what do you know about us?” is a common question - It’s important that you ask questions about the company too - Common questions I ask are What would I be doing on a daily basis? What is the UX culture like here? What is your team structure/process? Tip 4: Don’t lie - It’s always better to admit past mistakes or failures - Don’t try and cover things up or sugar coat stuff - You want to make sure you are being hired for the right reasons ____ Check out my social for more UX tips: Instagram: https://www.instagram.com/robertsmith.co/ Twitter: https://twitter.com/robertsmith_co
Views: 655 Robert Smith
The Top 3 UX Survey Tools
 
04:21
In this video I talk to you about my top 3 UX Survey tools and why I like them. Enjoy! ____ IF YOU LIKE MY CHANNEL, HERE ARE SOME NEXT STEPS... 1) HIRE ME: Want me to work with your startup or business? https://bit.ly/2AybHq8 2) FREE EBOOK: "How to start a career in UX" https://bit.ly/2xuYDDE 3) FREE PORTFOLIO REVIEW: Get my thoughts on your portfolio... https://bit.ly/2KuhpxM ____ Survey Monkey - An online tool that allows you to create and customise surveys and polls to share with your users - Has powerful data analysis tools in the form of charts and graphs - Allows you to easily share your surveys with users via customisable URL Hotjar - Powerful online tool that integrates with your website via tracking code - Allows you to run surveys and setup tools to allow your users to rate your website’s experience as they are using it - Allows you to visualise and analyse results with ease - Also provides options for tools such as Heatmaps, Screen Recording and conversion funnel analysis Google Forms - Free tool that you will have access to if you have a Google account - Easy to setup, build forms and share with participants - Data visualisation in the form of charts and graphs ____ Check out my social for more UX tips: Instagram: https://www.instagram.com/robertsmith.co/ Twitter: https://twitter.com/robertsmith_co
Views: 473 Robert Smith
5 Ways to Improve Your UX Skills
 
10:00
Want to learn how to improve your UX skills? In this video I discuss five ways you can improve your UX skills, including - UX Courses, UX Ebooks, UX Online Resources, Networking & UX Side projects. ____ IF YOU LIKE MY VIDEOS, HERE ARE SOME NEXT STEPS... 1) HIRE ME: Want me to work with your startup or business? https://bit.ly/2AybHq8 2) FREE EBOOK: "How to start a career in UX" https://bit.ly/2xuYDDE 3) FREE PORTFOLIO REVIEW: Get my thoughts on your portfolio... https://bit.ly/2KuhpxM ____ 1 - Courses So one of the first and most obvious ways to learn UX online would be through online courses. You have two options when it comes to UX courses, you can either learn in-person or online. General assembly offer full time and part time courses Part time start at £2,000 Full time/immersive start at around - £9,000 Beyond general assembly, there’s a number of useful online courses you can find. Udemy - https://www.udemy.com/ Treehouse - https://teamtreehouse.com Career Foundry - https://careerfoundry.com/ UX Mastery - https://uxmastery.com/resources/ux-courses/ Teachable - https://teachable.com/ 2 - Online resources (Ebooks, YouTube etc) So there is a number of useful, free online resources you can use to teach yourself UX design. Ebooks - There’s a huge library of fantastic E-books available from UX Pin - https://www.uxpin.com/studio/ebooks/ They cover everything from how to create a UX strategy for your organisation to building effective prototypes YouTube - There’s a wealth of UX tutorials on Youtube from some fantastic people and brands. Mike Loke, Sarah Doody, Laith Wallace and AJ & Smart Medium and Blogs - Some great blogs to follow are - The UX Blog - https://theuxblog.com/ A List Apart - http://alistapart.com/ UX booth - http://www.uxbooth.com/ UX Design CC - https://uxdesign.cc 3 - Networking Networking is another great way to learn new skills by meeting and connecting with new people. Sites like Meetup can help you connect with groups of like minded people - people already working in the UX industry or people like yourself who are just starting out. Also, sites like Eventbrite are a great way to find industry and design events that are going on in your town or city 4 - Take on a client project If you feel up to the challenge, then offering your services to a first time client is a great way to jump in at the deep end and get practicing your skills. There’s no better teacher than real world, on the job experience. If you jump in at the deep end you are likely gunna make some mistakes and fuck ups, but ultimately you will learn from these! 5 - Build your own product Another awesome way to practice your skills is to build your own product or work on your own side project while you build your career. Again, like the previous point - this is going to let you apply everything you are learning in a real world environment and see how it all works in practice. A benefit of working on your own product or side project is that you are going to also have to learn business skills such as pitching and presenting your idea to people, and also working with others if you turn it into a business ___ Watch, share and subscribe to my channel: http://bit.ly/2zOjnU1 ____ Check out my social for more UX tips: Instagram: https://www.instagram.com/robertsmith.co/ Twitter: https://twitter.com/robertsmith_co
Views: 3508 Robert Smith
UX Design Portfolio Tips
 
08:57
In this video I share with you advice on how to improve your UX portfolio! ____ 1) HIRE ME: Want me to work with your startup or business? https://bit.ly/2AybHq8 2) FREE EBOOK: "How to start a career in UX" https://bit.ly/2xuYDDE 3) FREE PORTFOLIO REVIEW: Get my thoughts on your portfolio... https://bit.ly/2KuhpxM ____ My video on How to write better UX case studies: https://youtu.be/7l0ij8qJnA0 UX Portfolio tips: Tip 1: Tell your story - Where have you come from? - Where do you want to go? - What’s your mission? - Is there a twist? Tip 2:- Demonstrate your value - What makes you unique? - What experience and skills do you have that are relevant? Tip 3: Focus on process, not results - Good design and well presented visuals are important - But the most interesting thing about you is how you solve problems - Your process should be one of the focus points of your portfolio Tip 4: Keep it relevant - Don’t cram in everything for the sake of it - Consider your audience and your aspirations then make it relevant Tip 5: Design and readability - Great design will set you apart - If you don’t have design skills, hire a designer - Most online platforms have well designed templates (Webflow, Squarespace etc) - Use these as a starting point - Readability - short chunks or text ____ Check out my social for more UX tips: Instagram: https://www.instagram.com/robertsmith.co/ Twitter: https://twitter.com/robertsmith_co
Views: 674 Robert Smith
UXPin | Preparing UX Designs For Development
 
06:12
In this video I discuss how to prepare a UXPin prototype/design for developer handoff. UXPin helps you communicate effectively with your development team using clear UX documentation as well as giving developers the option to inspect and read the CSS properties of your design using spec mode. Enjoy! ____ IF YOU LIKE MY VIDEOS, HERE ARE SOME NEXT STEPS... 1) HIRE ME: Want me to work with your startup or business? https://bit.ly/2AybHq8 2) FREE EBOOK: "How to start a career in UX" https://bit.ly/2xuYDDE 3) FREE PORTFOLIO REVIEW: Get my thoughts on your portfolio... https://bit.ly/2KuhpxM ____ Check out my social for more UX tips: Instagram: https://www.instagram.com/robertsmith.co/ Twitter: https://twitter.com/robertsmith_co
Views: 2223 Robert Smith
User Testing Process | UX Tutorial
 
09:01
Want to understand a simple UX User Testing process? ____ HERE ARE SOME NEXT STEPS... 1) HIRE ME: Want me to work with your startup or business? https://bit.ly/2AybHq8 2) FREE EBOOK: "How to start a career in UX" https://bit.ly/2xuYDDE 3) FREE PORTFOLIO REVIEW: Get my thoughts on your portfolio... https://bit.ly/2KuhpxM ____ In this video I show you a very simple process that will allow you to start testing and getting feedback on what you are building, and then how to interpret and analyse the feedback you receive. I demonstrate a simple testing process using InVision app and then record my feedback using a spreadsheet (Google Sheets). The barrier to entry for conducting remote user testing is incredibly low, so it's time to start implementing user testing and designing better products and services NOW! USER TESTING TOOLS InVision App - https://www.invisionapp.com/ Google Sheets - https://www.google.com/sheets/about/ Google Sheet Template - https://docs.google.com/spreadsheets/d/1vsYKR41szrXCqKcbSf4dE6c7BbRkH66Uib7vB72bUyA/edit?usp=sharing ____ MUSIC CREDIT https://soundcloud.com/uhlmann-roland/cyrron-saxy-funk-creative-commons-radio-edit-138 ____ Check out my social for more UX tips: Instagram: https://www.instagram.com/robertsmith.co/ Twitter: https://twitter.com/robertsmith_co
Views: 9511 Robert Smith
How To Build a Design System | UXPin
 
20:34
In this video I will teach you how to build a UX Design System using the UX Pin prototyping & design platform. In the video I talk about the individual elements that make up a UX Pin Design system, such as Colours, Typography, Iconography, Photography and UI Patterns. ____ IF YOU LIKE MY VIDEOS, HERE ARE SOME NEXT STEPS... 1) HIRE ME: Want me to work with your startup or business? https://bit.ly/2AybHq8 2) FREE EBOOK: "How to start a career in UX" https://bit.ly/2xuYDDE 3) FREE PORTFOLIO REVIEW: Get my thoughts on your portfolio... https://bit.ly/2KuhpxM ____ Check out my social for more UX tips: Instagram: https://www.instagram.com/robertsmith.co/ Twitter: https://twitter.com/robertsmith_co
Views: 15715 Robert Smith
FlowMapp Software Review | First Impressions
 
13:10
FlowMapp is an online UX planning tool for creating and organising visual sitemaps - https://flowmapp.com/ In this video I review it, giving you my impressions as a first time user. ____ FlowMapp essentially lets you create sitemaps and then goes even further by letting you define page template and content. Overall I'm very impressed by the tool which feels very actionable and persuasive. You can really get into details about what each page should be like and allows you to centralize everything in one place. Very useful if you are working with a team as well, as it lets you add different tags to each page as to where in the review process it stands. ____ IF YOU LIKE MY VIDEOS, HERE ARE SOME NEXT STEPS... 1) HIRE ME: Want me to work with your startup or business? https://bit.ly/2AybHq8 2) FREE EBOOK: "How to start a career in UX" https://bit.ly/2xuYDDE 3) FREE PORTFOLIO REVIEW: Get my thoughts on your portfolio... https://bit.ly/2KuhpxM ____ Check out my social for more UX tips: Instagram: https://www.instagram.com/robertsmith.co/ Twitter: https://twitter.com/robertsmith_co
Views: 1374 Robert Smith
Tips on working with UX stakeholders
 
12:13
In this video I share with you some tips on how to work with UX stakeholders. Enjoy! ____ IF YOU LIKE MY CHANNEL, HERE ARE SOME NEXT STEPS... 1) HIRE ME: Want me to work with your startup or business? https://bit.ly/2AybHq8 2) FREE EBOOK: "How to start a career in UX" https://bit.ly/2xuYDDE 3) FREE PORTFOLIO REVIEW: Get my thoughts on your portfolio... https://bit.ly/2KuhpxM ____ 1. Get closer - Get as close as possible to your stakeholders - Too many layers of management is time consuming - If you can, interview each stakeholder at the beginning of a project - This will allow you to get to know each other and build trust 2. Avoid design by committee - Make it clear that you are leading the UX and design - Their input and opinions are valuable - But at the end of the day you are the ‘expert’ - With that said, be open minded/flexible. Strike a balance. 3. Have clear rationale for your decisions - Use user research to justify your decision making - If you have no research, justify why it makes sense - Don’t be vague or subjective 4. Understand, then be understood - Everyone is different and brings unique ideas to the table - Make your priority to really understand people - Then when you feel you’ve understood, give your opinion - Most poor communication is people not understanding each other 5. Be honest - Sometimes you have to say what’s right - It might feel like you are being awkward - But in reality, honesty is the best policy ____ Check out my social for more UX tips: Instagram: https://www.instagram.com/robertsmith.co/ Twitter: https://twitter.com/robertsmith_co
Views: 422 Robert Smith
UXPin | Using UXPin with Sketch
 
04:52
In this video I show you how to quickly setup and integrate Sketch with UXPin! Using the Sketch + UXPin integration you can import Artboards and pages from Sketch directly into UXPin, and then start prototyping and creating clickable mockups right way. UXPin - https://www.uxpin.com/ Sketch App - https://www.sketchapp.com/ Enjoy! ____ IF YOU LIKE MY VIDEOS, HERE ARE SOME NEXT STEPS... 1) HIRE ME: Want me to work with your startup or business? https://bit.ly/2AybHq8 2) FREE EBOOK: "How to start a career in UX" https://bit.ly/2xuYDDE 3) FREE PORTFOLIO REVIEW: Get my thoughts on your portfolio... https://bit.ly/2KuhpxM ____ Check out my social for more UX tips: Instagram: https://www.instagram.com/robertsmith.co/ Twitter: https://twitter.com/robertsmith_co
Views: 1984 Robert Smith
I've Tried Dovetail | First Impressions
 
13:20
Dovetail is an online tool for recording and analysing user feedback - https://dovetailapp.com/ In this video I review it, giving you my impressions as a first time user. ____ Dovetail is about recording data and analyzing it in a much easier way. So the first part is to input the different user feedback for each step of the project. Then finding some patterns analyzing how people interact with the product for each stage. You can add tag to group data in different categories and regroup different comments from the users into one bigger group. This then allows you to identify these patterns and use this as actionable data for your UX project ____ IF YOU LIKE MY VIDEOS, HERE ARE SOME NEXT STEPS... 1) HIRE ME: Want me to work with your startup or business? https://bit.ly/2AybHq8 2) FREE EBOOK: "How to start a career in UX" https://bit.ly/2xuYDDE 3) FREE PORTFOLIO REVIEW: Get my thoughts on your portfolio... https://bit.ly/2KuhpxM ____ Check out my social for more UX tips: Instagram: https://www.instagram.com/robertsmith.co/ Twitter: https://twitter.com/robertsmith_co
Views: 731 Robert Smith
5 Ways To Conduct UX Research
 
11:27
In this video i discuss 5 simple and effective UX User Research strategies that you can use today! ____ IF YOU LIKE MY CHANNEL, HERE ARE SOME NEXT STEPS... 1) HIRE ME: Want me to work with your startup or business? https://bit.ly/2AybHq8 2) FREE EBOOK: "How to start a career in UX" https://bit.ly/2xuYDDE 3) FREE PORTFOLIO REVIEW: Get my thoughts on your portfolio... https://bit.ly/2KuhpxM ____ VIDEO NOTES: 1 - User interviews A great way to really understand your potential or existing users in detail is to conduct user interviews. This type of research is great to understand things such as your users motivations and needs for using your product or service, so you can be informed once it comes time to start designing concepts. Building a picture of your users is also a great way to start creating UX deliverables such as user personas, journeys and user stories which will inform your UX process further down the line. https://docs.google.com/forms/ 2 - Website polls and surveys Setting up polls and surveys on your website is a great way to gather insight on your existing product or service. There’s a number of out the box tools you can use to quickly and effectively start running surveys and polls on your website such as: https://www.hotjar.com/ https://www.surveymonkey.com/ It’s important to remember your users context when setting up polls and surveys on your website, so you should think about how much time they might be willing to spend completing them and also the best way to present them to your users. 3 - In-person testing panel A slightly more time consuming, but very effective way to conduct research and run usability testing is to create your own panel of users. This is where you go out and look for people that are either existing users of your product/service or people that match the demographic of your users and recruit them to become regular testers. Depending on how keen or engaged these people are, they may happily volunteer their time for research and testing for free, or they may require some presusasion to give up their time in the form of an incentive. An incentive may be some form of cash compensation or some kind of deal/discount on you product. 4 - Online testing Running usability tests online is an efficient and scalable way to test the usability and design of your product or service. Your normally have two options when it comes to online testing. The first is to use a 3rd party platform such as User Testing.com where you upload a link to a prototype or live site for users to complete tasks and feedback on your design. The 3rd party platform will often record the users screen, face, and audio as they complete tasks and provide feedback in real time. The 3rd party is also normally responsible for sourcing and coordinating the users for the tests for a fee. https://www.usertesting.com/ https://www.trymyui.com/ https://www.loop11.com/ The second option is to run the tests yourself using a platform like Skype. Here you would recruit your own users (possibly from an existing panel like i’ve already mentioned) and schedule a date and time which you could conduct a testing session with them over Skype. Similar to the 3rd party platforms you could record their screen and audio in real time as you watched on Skype. You could also use InVision and UXPIn 5 - Guerilla testing So Guerilla Testing is a very quick and dirty way of conducting research and usability testing, but it’s not always recommended. Essentially Guerilla Testing is a process whereby you conduct research and usability testing with strangers, either in a coffee shop (sometimes called ‘Coffee Shop testing’) or with other people or businesses around you, if you work in a shared office or co-working space. Here you have the opportunity to research and test with people who will likely have little or no prior knowledge of your product or service, and often, because you are asking complete strangers to provide feedback, the type of response and feedback you will get can often be very unpredictable too. It has obvious advantages and disadvantages. Check out my social for more UX tips: Instagram: https://www.instagram.com/robertsmith.co/ Twitter: https://twitter.com/robertsmith_co
Views: 1135 Robert Smith
How to Build Interactions | UXPin
 
12:15
UX Pin is a UX prototyping tool that allows you to build detailed interactions, taking your prototypes to the next level. ____ IF YOU LIKE MY VIDEOS, HERE ARE SOME NEXT STEPS... 1) HIRE ME: Want me to work with your startup or business? https://bit.ly/2AybHq8 2) FREE EBOOK: "How to start a career in UX" https://bit.ly/2xuYDDE 3) FREE PORTFOLIO REVIEW: Get my thoughts on your portfolio... https://bit.ly/2KuhpxM ____
Views: 4845 Robert Smith
Webflow for beginners (002) - CSS display property
 
14:35
Webflow CSS for beginners. Webflow is a responsive website design tool that let's you build websites using HTML and CSS. This is a Webflow CSS tutorial that helps you understand website CSS and responsive website design using Webflow. This is part 2 of the series: Part 1 : https://youtu.be/_2SABUuWEUY Part 3 : https://youtu.be/J_UeCSd4Rl4 ____ LOVE MY CHANNEL? HERE ARE SOME NEXT STEPS! 1) HIRE ME: Want me to work with your startup or business? https://bit.ly/2AybHq8 2) FREE EBOOK: "How to start a career in UX" https://bit.ly/2xuYDDE 3) FREE PORTFOLIO REVIEW: Get my thoughts on your portfolio... https://bit.ly/2KuhpxM ____ SOFTWARE USED https://webflow.com/ ON MY DESK Macbook Prom Retina, 13 inch - http://amzn.eu/4FEX0gr Dell ultra sharp 23 inch monitor - http://amzn.eu/dDeISAM Desk lamp: http://amzn.eu/7Iu1RRB Native Union iPhone dock - http://amzn.eu/fUv8741
Views: 1396 Robert Smith
How to Create Interactive States | UXPin
 
22:44
In this UX Pin tutorial, I will teach you how to understand, create and master interactive states within UX Pin. States are an incredibly powerful way to prototype complex animations and functionality and in this tutorial I show you how to prototype a simple on-boarding process for a mobile application. Enjoy! ____ IF YOU LIKE MY VIDEOS, HERE ARE SOME NEXT STEPS... 1) HIRE ME: Want me to work with your startup or business? https://bit.ly/2AybHq8 2) FREE EBOOK: "How to start a career in UX" https://bit.ly/2xuYDDE 3) FREE PORTFOLIO REVIEW: Get my thoughts on your portfolio... https://bit.ly/2KuhpxM ____ Check out my social for more UX tips: Instagram: https://www.instagram.com/robertsmith.co/ Twitter: https://twitter.com/robertsmith_co
Views: 6119 Robert Smith
The 3 Best UX Tools For Creating Wireframes!
 
02:56
What are the 3 best UX tools to create wireframes? In this video I share with you my top 3 tools to create wireframes - Balsamiq Mockups, UXPin and Powerpoint! I talk about the various benefits of each wireframing tool, which one's are best for low fidelity wireframing, hi-fidelity wireframing and creating prototypes! ____ HERE ARE SOME NEXT STEPS... 1) HIRE ME: Want me to work with your startup or business? https://bit.ly/2AybHq8 2) FREE EBOOK: "How to start a career in UX" https://bit.ly/2xuYDDE 3) FREE PORTFOLIO REVIEW: Get my thoughts on your portfolio... https://bit.ly/2KuhpxM ____ WIREFRAME TOOLS Balsamiq Mockups - https://balsamiq.com/ UX Pin - https://www.uxpin.com/ Powerpoint - https://products.office.com/en-gb/powerpoint ____ MUSIC CREDIT https://soundcloud.com/uhlmann-roland/cyrron-saxy-funk-creative-commons-radio-edit-138 ____ Check out my social for more UX tips: Instagram: https://www.instagram.com/robertsmith.co/ Twitter: https://twitter.com/robertsmith_co
Views: 7559 Robert Smith
The Pros and Cons of Guerrilla Usability Testing | UX Tutorial
 
07:43
In this video i discuss the pros and cons of guerrilla usability testing! ____ IF YOU LIKE MY CHANNEL, HERE ARE SOME NEXT STEPS... 1) HIRE ME: Want me to work with your startup or business? https://bit.ly/2AybHq8 2) FREE EBOOK: "How to start a career in UX" https://bit.ly/2xuYDDE 3) FREE PORTFOLIO REVIEW: Get my thoughts on your portfolio... https://bit.ly/2KuhpxM ____ Guerrilla Testing is a form of user research that often involves asking members of the general public, in places such as coffee shops or co-working spaces to test and give feedback on your product or service a fairly improvised and un-organised way. It can be conducted in a variety of ways and often involves testing and receiving feedback on anything from sketches and paper prototypes to live websites and is generally favoured by UX teams as a ‘quick and easy’ option to get feedback. However, as with everything, there a number of advantages and disadvantages to this approach and they should be considered carefully when deciding whether it’s the right option for your project or not. Let’s jump in! PROS It’s quick Because Guerrilla Testing involves no formal organisation, it’s very quick to organise. Unlike sourcing test participants through an agency or using an online platform to run usability tests, which can take a number of days or weeks to deliver participants and results, you can pretty much decide to run Guerrilla Testing wherever and however you want. It’s cheap Guerilla Testing is also very cheap. This is because, again, unlike more formally organised testing sessions, your testers will not be required to travel to your office or give up several hours of their day to participate in a testing session, instead you will simply be asking for a little bit of their time as them as they go about their day to give you feedback on your product or service. The only real cost here is how you might compensate them for that short amount of time, if at all. You might offer to buy them a coffee as a thank you or even offer them some sort of cheap incentive such as vouchers or a discount on your product or service. It’s totally up to you. It’s random As a result of the randomness of asking strangers and members of the general public for feedback, instead of your existing user base, it’s more than likely you will be receiving fairly impartial and unbiased feedback on your product or service. Depending on the type of research you want to conduct, impartial and unbiased feedback is sometimes useful, but there can also be a drawback of the randomness of this approach, which I will discuss below. CONS It’s not focused Guerilla Testing means testing your product or service with complete strangers and people who are not guaranteed to be representative of your target audience. With that in mind it’s very difficult to be sure that the feedback and insight you receive will be at all relevant or indicative of what your actual target audience really thinks. It’s low quality Users who are familiar with taking part in usability testing sessions are more likely to give you higher quality feedback and be better at verbalising their thoughts and opinions than Joe Public. Afterall, he might be busy, might be having a bad day or might be totally unprepared when you roll up on him and ask him for 10-15 minutes of his time to give his feedback on your banking app. Conclusion There’s definite advantages and disadvantages to conducting Guerilla Testing. It’s quick and cheap, but at the same time it can yield un-focused and low quality feedback. If you are very low on budget or resources, it can be a good compromise, otherwise it is probably better to focus your efforts on more structured and organised approaches to user testing. ___ CONNECT WITH ME https://twitter.com/robertsmith_co https://www.linkedin.com/in/robertsmithco/
Views: 442 Robert Smith
Webflow tutorial: How to build a landing page using Webflow and Sketch
 
01:03:39
How to build a landing page with Webflow and Sketch. Webflow is a responsive website design tool. This is a Webflow and Sketch tutorial that talks you through the process of designing a landing page in Sketch and then turning it into a responsive layout with Webflow. ____ HERE ARE SOME NEXT STEPS... 1) HIRE ME: Want me to work with your startup or business? https://bit.ly/2AybHq8 2) FREE EBOOK: "How to start a career in UX" https://bit.ly/2xuYDDE 3) FREE PORTFOLIO REVIEW: Get my thoughts on your portfolio... https://bit.ly/2KuhpxM ____ SOFTWARE USED https://www.sketchapp.com/ https://webflow.com/ ON MY DESK Macbook Prom Retina, 13 inch - http://amzn.eu/4FEX0gr Dell ultra sharp 23 inch monitor - http://amzn.eu/dDeISAM Desk lamp: http://amzn.eu/7Iu1RRB Native Union iPhone dock - http://amzn.eu/fUv8741 ____ Check out my social for more UX tips: Instagram: https://www.instagram.com/robertsmith.co/ Twitter: https://twitter.com/robertsmith_co
Views: 9966 Robert Smith
Webflow For Beginners (003) - CSS Position Property
 
07:16
In this tutorial I explain the different types of CSS positioning in Webflow and how you can use this knowledge to improve your design! This is part 3 of the series: Part 1 : https://youtu.be/_2SABUuWEUY Part 2 : https://youtu.be/3AtxpOOt0FI ____ LOVE MY CHANNEL? HERE ARE SOME NEXT STEPS! 1) HIRE ME: Want me to work with your startup or business? https://bit.ly/2AybHq8 2) FREE EBOOK: "How to start a career in UX" https://bit.ly/2xuYDDE 3) FREE PORTFOLIO REVIEW: Get my thoughts on your portfolio... https://bit.ly/2KuhpxM ____ Stuff I love: https://webflow.com https://www.uxpin.com https://balsamiq.com Products: Macbook Prom Retina, 13 inch - http://amzn.eu/4FEX0gr Dell ultra sharp 23 inch monitor - http://amzn.eu/dDeISAM Desk lamp: http://amzn.eu/7Iu1RRB Native Union iPhone dock - http://amzn.eu/fUv8741 ____ Check out my social for more UX tips: Instagram: https://www.instagram.com/robertsmith.co/ Twitter: https://twitter.com/robertsmith_co
Views: 549 Robert Smith
The 3 Best UX Tools For FAST prototyping!
 
04:22
What are the 3 best UX tools to make prototypes FAST? In this video I share with you my top 3 rapid web prototyping tools - Webflow, UXPin and InVision. I talk about the distinct benefits of each prototyping tool, how they can improve your workflow and help you create and iterate quickly! Long live rapid prototyping! ____ LOVE MY CHANNEL? HERE ARE SOME NEXT STEPS... 1) HIRE ME: Want me to work with your startup or business? https://bit.ly/2AybHq8 2) FREE EBOOK: "How to start a career in UX" https://bit.ly/2xuYDDE 3) FREE PORTFOLIO REVIEW: Get my thoughts on your portfolio... https://bit.ly/2KuhpxM ____ UX TOOLS Webflow - https://webflow.com/ The cool thng about Webflow is that it lets you design responsively in the browser. It's also very interactive and not just a static design but with an added layer with the interaction panel. It's so easy to use and great to help you prototype early in in the project and see how they respond quickly. You can also start to stylize your prototype straight in the browser using colors, and any other assets to go from prototype to your interface design. UX Pin - https://www.uxpin.com/ UX Pin is a little like Sketch or Photoshop. You can drag element in your canvas, build your prototype. You're creating more of a static visual but you can then easily add interaction to it and link different parts together. It also has awesome pre-made elements you can use for things like iOS or Android design and build a prototype very quickly. Lastly, the other great feature in UX Pin are components. These are elements that will update automatically if copied over different pages for example, without having to individually edit these... InVision - https://www.invisionapp.com/ Everyone has heard of InVision. And the reason I personally love it is because of its easy of use, it's easy to get up and running with it without having to do too much design. Instead you can easily connect different visuals with each other and turn them into something interactive you can use for your prototype ____ Check out my social for more UX tips: Instagram: https://www.instagram.com/robertsmith.co/ Twitter: https://twitter.com/robertsmith_co
Views: 15220 Robert Smith
Webflow Tutorial | How to build a responsive prototype (Part 1)
 
28:52
How to build a prototype in Webflow. Webflow is a responsive website design tool that let's you build websites in the browser. In this Webflow tutorial I show you a step by step process for taking a concept for a website or app and creating a responsive, interactive prototype in Webflow. This is part 1 of this Webflow Tutorial: Part 2 : https://youtu.be/XfOJfOcCDjg Part 3 : https://youtu.be/-_AvEXqQbpY ____ IF YOU LIKE MY CHANNEL, HERE ARE SOME NEXT STEPS... 1) HIRE ME: Want me to work with your startup or business? https://bit.ly/2AybHq8 2) FREE EBOOK: "How to start a career in UX" https://bit.ly/2xuYDDE 3) FREE PORTFOLIO REVIEW: Get my thoughts on your portfolio... https://bit.ly/2KuhpxM ____
Views: 2013 Robert Smith
How To Record and Analyse User Feedback |  UXPin
 
13:27
In this UX Pin tutorial, I will teach you how to gather and analyse feedback on your prototypes using the UX Pin 'comment' feature. I'll then show you how to organise and analyse that feedback using a spreadsheet, so you can make changes and iterations. Enjoy! ____ IF YOU LIKE MY VIDEOS, HERE ARE SOME NEXT STEPS... 1) HIRE ME: Want me to work with your startup or business? https://bit.ly/2AybHq8 2) FREE EBOOK: "How to start a career in UX" https://bit.ly/2xuYDDE 3) FREE PORTFOLIO REVIEW: Get my thoughts on your portfolio... https://bit.ly/2KuhpxM ____ Check out my social for more UX tips: Instagram: https://www.instagram.com/robertsmith.co/ Twitter: https://twitter.com/robertsmith_co
Views: 1243 Robert Smith
Top 5 UX Prototyping Tools of 2018
 
10:03
In this video I share with you my favourite UX prototyping tools of 2018! ____ IF YOU LIKE MY CHANNEL, HERE ARE SOME NEXT STEPS... 1) HIRE ME: Want me to work with your startup or business? https://bit.ly/2AybHq8 2) FREE EBOOK: "How to start a career in UX" https://bit.ly/2xuYDDE 3) FREE PORTFOLIO REVIEW: Get my thoughts on your portfolio... https://bit.ly/2KuhpxM ____ UXPin - All in one cloud based platform - Prototyping and UI design (product design) - Design for all device and screen sizes - Advanced animations and interactions - Conditional logic - Code export - Good all rounder Webflow - Cloud based website builder (wysiwyg) with CMS - Allows you to prototype, design and publish websites - Interactive and responsive web based prototypes - Code export and integration Sketch - Desktop based app - UI/Web design tool - Build simple prototypes by connecting flat screens - Build libraries and design systems - Integrates with tools such as InVision and UXPin - Great for quick iteration but lacks ability of other prototyping tools InVision studio - Desktop and web based tool - All in one prototyping and interaction design tool - Advanced interaction and timeline animations - Build design systems and asset libraries - Integrations - Trello, Slack, - Potentially too many features as a standalone prototyping tool Axure - Dedicated desktop prototyping tool - Industry standard and used by many fortune 500 companies - Build advanced detailed prototypes using conditional logic and data - Sharing and collaboration - Create diagrams, flowcharts and documentation - Focus is on creating rich prototypes rather than finished products ______ Check out my social for more UX tips: Instagram: https://www.instagram.com/robertsmith.co/ Twitter: https://twitter.com/robertsmith_co
Views: 409 Robert Smith
Webflow Tutorial | How to build a responsive prototype (Part 2)
 
34:18
How to build a prototype in Webflow. Webflow is a responsive website design tool that let's you build websites in the browser. In this Webflow tutorial I show you a step by step process for taking a concept for a website or app and creating a responsive, interactive prototype in Webflow. This is part 2 of this Webflow Tutorial: Part 1 : https://youtu.be/FfeS9u69M5Y Part 3 : https://youtu.be/-_AvEXqQbpY ____ IF YOU LIKE MY CHANNEL, HERE ARE SOME NEXT STEPS... 1) HIRE ME: Want me to work with your startup or business? https://bit.ly/2AybHq8 2) FREE EBOOK: "How to start a career in UX" https://bit.ly/2xuYDDE 3) FREE PORTFOLIO REVIEW: Get my thoughts on your portfolio... https://bit.ly/2KuhpxM ____ Check out my social for more UX tips: Instagram: https://www.instagram.com/robertsmith.co/ Twitter: https://twitter.com/robertsmith_co
Views: 534 Robert Smith
The Top Online UX Communities
 
03:48
In this video I share with you the top online UX communities to meet other UX designers ____ IF YOU LIKE MY CHANNEL, HERE ARE SOME NEXT STEPS... 1) HIRE ME: Want me to work with your startup or business? https://bit.ly/2AybHq8 2) FREE EBOOK: "How to start a career in UX" https://bit.ly/2xuYDDE 3) FREE PORTFOLIO REVIEW: Get my thoughts on your portfolio... https://bit.ly/2KuhpxM ____ The top 3 UX communities: Candles Slack group - https://withcandles.slack.com/ UX Mastery - https://uxmastery.com/ Interaction Design Foundation - https://www.interaction-design.org/community Candles - Online Slack community - Used to be called Junior UX community - Recently re-branded to Candles UX mastery - Online website with plenty of resources - Great online UX forum Interaction Design Community - Access courses for approx $100 per year - Great catalogue of online courses - Great online community (Meetups etc) ____ Check out my social for more UX tips: Instagram: https://www.instagram.com/robertsmith.co/ Twitter: https://twitter.com/robertsmith_co
Views: 397 Robert Smith
UX Basics: Introduction to Wireframes
 
07:26
In this video I share with you a brief introduction to wireframes and how they are used in the UX and Product Design process! ____ IF YOU LIKE MY CHANNEL, HERE ARE SOME NEXT STEPS... 1) HIRE ME: Want me to work with your startup or business? https://bit.ly/2AybHq8 2) FREE EBOOK: "How to start a career in UX" https://bit.ly/2xuYDDE 3) FREE PORTFOLIO REVIEW: Get my thoughts on your portfolio... https://bit.ly/2KuhpxM ____ Overview A wireframe is a simplified visual representation of the layout of the pages or screens of a website or app They are presented in greyscale and consist only really of solid shapes, lines and text. You can think of them a bit like an architectural plan or blueprint. They can vary in detail with low fidelity (low fi) wireframes being nothing more than a sketch, while high fidelity (hi fi) wireframes are much more detailed and polished. Hi fi wireframes might to to a level of detail that illustrates things such as typographic hierarchy, the widths and heights of various page elements as well as the details of certain interaction patterns. Used to communicate ideas regarding layout, content and hierarchy to stakeholders and clients, without spending time on design Advantages Used to communicate the idea of a product quickly and efficiently Focus on layout and content rather than design details Identify potential problems early on in the design process Disadvantages Need to be explained to stakeholders and clients Unnecessary use of time and another step in the process Line between wireframes and prototypes is blurred ____ Check out my social for more UX tips: Instagram: https://www.instagram.com/robertsmith.co/ Twitter: https://twitter.com/robertsmith_co
Views: 329 Robert Smith
UX Portfolio Reviews
 
01:18
Exciting news! I am launching a new video series where I will be reviewing and critiquing your UX portfolios. If you'd like to get involved and have me review your portfolio, then you can find out more and submit your portfolio for review here: https://mailchi.mp/7003e2321141/f1uekzy2v1 ____ IF YOU LIKE MY CHANNEL, HERE ARE SOME NEXT STEPS... 1) HIRE ME: Want me to work with your startup or business? https://mailchi.mp/af45266c396d/startup 2) FREE EBOOK: "How to start a career in UX" https://bit.ly/2xuYDDE ____ Check out my social for more UX tips: Instagram: https://www.instagram.com/robertsmith.co/ Twitter: https://twitter.com/robertsmith_co
Views: 450 Robert Smith
Webflow Tutorial | How to build a responsive prototype (Part 3)
 
22:55
How to build a prototype in Webflow. Webflow is a responsive website design tool that let's you build websites in the browser. In this Webflow tutorial I show you a step by step process for taking a concept for a website or app and creating a responsive, interactive prototype in Webflow. This is part 3 of this Webflow Tutorial series. Part 1 : https://youtu.be/FfeS9u69M5Y Part 2: https://youtu.be/XfOJfOcCDjg ____ IF YOU LIKE MY CHANNEL, HERE ARE SOME NEXT STEPS... 1) HIRE ME: Want me to work with your startup or business? https://bit.ly/2AybHq8 2) FREE EBOOK: "How to start a career in UX" https://bit.ly/2xuYDDE 3) FREE PORTFOLIO REVIEW: Get my thoughts on your portfolio... https://bit.ly/2KuhpxM ____ Check out my social for more UX tips: Instagram: https://www.instagram.com/robertsmith.co/ Twitter: https://twitter.com/robertsmith_co
Views: 1278 Robert Smith
Experienced UX and Product Designer Available for Hire
 
01:01
Startups, do you need an experienced designer to help shape your product? If you are interested in working with me, I am available for new projects starting Jan 2019. You can learn more and get in touch with me here: https://mailchi.mp/af45266c396d/startup Talk soon! Check out my social for more UX tips: Instagram: https://www.instagram.com/robertsmith.co/ Twitter: https://twitter.com/robertsmith_co
Views: 206 Robert Smith

First person vs third essay topics
Essay on jute in bangladesh female
Essay my dream job nurse paralegal
Essay writing help sheet for multi
Food and our health essay examples