Thursday, September 22, 2016

Transcript: “I teach UXers how to build a persuasive portfolio : Ask Me Anything.”

Building a persuasive portfolio is high on the priority list of a lot of our community members, and the audience at today’s AMA session with Louise Campbell was testament to that.

We had a record number of attendees, and although Louise typed faster than I can think, we still didn’t get through all the questions.

If you don’t have a portfolio (or you’re not happy with the one you do have) then you need to read this transcript. It is gold.

Also, don’t miss Louise’s offer to get your copy of the pitch and contract outline that scored Louise her first $12K client.

If you didn’t make it because you didn’t know about it, make sure you join our community to get updates of upcoming sessions. If you have follow up questions for Louise, you can ask them here.

If you’re interested in seeing what we discussed, or you want to revisit your own questions, here is a full transcript of the chat.

 Transcript

hawk
2016-09-22 18:00
OK guys, let’s get this show on the road
suzi.sarmento
2016-09-22 18:00
Yaaayyy
hawk
2016-09-22 18:01
First up, a warning. It’s only 6am here and I’m over-caffienated
suzi.sarmento
2016-09-22 18:01
hahaahahah
tyler
2016-09-22 18:01
@dave I don’t think I’m quite sure what role I am aiming for I enjoy User Interface but I would like to do more UX work. its a tough call. I like it all
desertcoder
2016-09-22 18:01
@hawk that means you’ll be typing faster. :slightly_smiling_face:
lambiris
2016-09-22 18:01
has joined #ask-louise-campbell
jxslepton
2016-09-22 18:01
I’m under caffienated so maybe it’ll balance out lol
hawk
2016-09-22 18:01
Second, this looks like a VERY popular session, so go easy on us!
hawk
2016-09-22 18:02
I’ll start by introducing @lou and saying a huge thanks to her for her time today.
hawk
2016-09-22 18:02
I’ll introduce here, she’ll introduce the session, and we’ll open the floor to questions
lou
2016-09-22 18:02
Hi everyone! I’m so excited to be here :slightly_smiling_face:
hawk
2016-09-22 18:02
I’ll queue your questions for Louise in a back channel, and she’ll answer them in order
hawk
2016-09-22 18:03
We don’t have time in this session for portfolio reviews, so if you want your portfolio looked at, please post in this topic on the community http://ift.tt/2dmTKBw
lou
2016-09-22 18:03
How can I help you create a persuasive portfolio?
israel
2016-09-22 18:03
@tyler: ah ok. Just FYI I wouldn’t download info if I can’t see it on the site. I know other recruiting manager won’t do that or have the time to do it. I would said select a couple of what you considered you best work and focus on that. And just put a section that more samples are available upon request. We do that a lot if we are interested on a candidate. Good luck.
rswild
2016-09-22 18:03
has joined #ask-louise-campbell
anne-dougherty
2016-09-22 18:03
@hawk A general portfolio structure question: Is it better to show deliverables (e.g. designs, content inventories, etc) or process (e.g. here is what I/we did to get to where we ended up)?
hawk
2016-09-22 18:03
I suspect we won’t get through all the qs today either, so we can continue the conversation there too
hawk
2016-09-22 18:04
So Louise is a Lead UX Design consultant for giant eCommerce companies. She started out at 19 as a junior print designer for Littlewoods Home Shopping Group. Over the last 15 years has worked her way up to consulting for luxury e-commerce companies including http://Net-a-porter.com, http://MrPorter.com, The Body Shop, http://Benna.co.uk, and travel giant http://Greyhound.com.
hawk
2016-09-22 18:04
She is also a career transition coach for ambitious graphic designers who want to make it big in UXD. She teaches a free weekly mini-class to show you ‘How to Create a Persuasive Portfolio’ at http://ift.tt/2cb1ZPb.
hawk
2016-09-22 18:04
And we’re lucky to have her time
hawk
2016-09-22 18:04
Over to you @lou
lou
2016-09-22 18:04
Thanks @hawk been a crazy long day here :slightly_smiling_face: I need more cafffinnneeee
lou
2016-09-22 18:05
@desertcoder I love this question
lou
2016-09-22 18:05
“I’m working as a Business Analyst in UX right now. It seems all staff have a portfolio to share, except me. While I’ve tinkered around with wireframes in Axure, I’m wondering if screen captures of my work would count towards “portfolio” material.”
pesenson
2016-09-22 18:05
has joined #ask-louise-campbell
tyler
2016-09-22 18:05
@israel very interesting! Last year when I was applying I only had 4 projects and I thought I had a severe lack of work in my portfolio so I added more I guess that wasn’t the best strategy
lou
2016-09-22 18:06
So you can create user flow in Axure that you can host on their softwear that is password protected you can use this to show potential clients what you worked on and what parts you were responsible for adding value to… does that help?
ux_dude
2016-09-22 18:06
@lou Question: For someone switching from a related career (me: front-end developer). How many UX projects should you have in your portfolio? How much of the UX process should you show?
anne-dougherty
2016-09-22 18:07
@ux_dude I’m in the same boat. :raised_hand_with_fingers_splayed: former front-end dev here.
desertcoder
2016-09-22 18:07
Yes, thank you. When you say “user flow” do you mean showing the process or do you mean actual workflow?
rvaelle
2016-09-22 18:08
I’m not sure where to start to improve my portfolio http://ift.tt/1cOfPEX. I know I need more projects and experience and it reflects that.
lou
2016-09-22 18:08
@nwhysel it all depends on how valuable the work is to your future employer… will it add value to their work…
claraearendil
2016-09-22 18:08
@ux_dude current front-end wanting to switch to UX
jeanna
2016-09-22 18:08
any advice for how to present a portfolio when someone asks to see your “thought process” and not just artifacts?
irinahpda
2016-09-22 18:08
has joined #ask-louise-campbell
lou
2016-09-22 18:09
@nwhysel your portfolio need to be a good content fit for your potential employer.
kailualisa
2016-09-22 18:09
@jeanna excellent question!
claraearendil
2016-09-22 18:09
@lou how to even get started with your portfolio when you’re switching careers?
sonia2016
2016-09-22 18:09
@lou How do I sell myself , I dont have much work to put in my portfolio and I am transitioning from Social Work. I have applied for Junior level positions but have not received any positive responses. Most of these jobs want years of experience.
nwhysel
2016-09-22 18:10
@lou Does that mean different portfolio for different prospective employer? I sometimes do create a special link on my website but people just coming to the site are going to see a lot more: blog, events/presentations, past projects, slideshare, resume, etc.
desertcoder
2016-09-22 18:10
@jeanna how about adding photos of your journey mapping process or story mapping process to show your “thought process”?
lou
2016-09-22 18:10
@dave generalist is good if that’s what you are interviewing for. You need to align your portfolio with the job you are going for. Focus. Take out stuff that’s not 100% focused on the clients needs. I hope that helps!
renat
2016-09-22 18:10
@lou Luxury UX – what it is?
israel
2016-09-22 18:11
@tyler yes at least we don’t mind if you only have a couple projects since we are looking specifically for a UX designer we are looking at those skills. I guess you’ll need to decide which one you would like to purse since you have a variety. Are you looking to be in UX UI only? Then I’ll concentrate on those pieces only.
dave
2016-09-22 18:12
@dave pinned a message to this channel.
irinahpda
2016-09-22 18:13
DO you have many QA roles switching to UX?
lou
2016-09-22 18:13
@sonia2016 I never took expensive courses I learned everything to do with UX in the work place. Break into UX design by focusing on one area to start off with – say Research, and then look for research roles, perhaps job shadow a colleague, do everything you can to get experience in that one area you can then add value to employers in that area! Focus is the key…
tyler
2016-09-22 18:13
@israel yes specifically UI / UX – ugh but I have such good branding strategy as well.. meh maybe I’ll just make two portfolio websites haha
israel
2016-09-22 18:14
@tyler: yeah that may be a good idea specially if marketing is an area you’re interested.
gregor
2016-09-22 18:14
@gregor pinned a message to this channel.
lou
2016-09-22 18:15
@swishie find an area of UX that you LOVE it’s a long career you need to love it :slightly_smiling_face: Never be generic if you can help it. EG. Interaction design is a fascinating career if you specialise you can also command higher salaries :slightly_smiling_face:
tyler
2016-09-22 18:16
@lou would you have better chances of getting work if your a specialist? or a generalist?
anne-dougherty
2016-09-22 18:16
@anne-dougherty pinned a message to this channel.
swishie
2016-09-22 18:17
thank you @lou
lou
2016-09-22 18:17
@swishie Behance is Ok as long as you include annotations on your design about how the design was informed, what research did you do, who was it for? how does the interaction actually work… included detail it’s all about the details. That will make you stand as an ideal candidate inderstandingthe process involved in UCD.
lou
2016-09-22 18:17
@israel “as as UX looking to hire other UX. Designers whenever we get portfolios for evaluation we look at getting insights of your UX process as quick as possible since we don’t have a lot of time to search for that info. If I don’t see that I’ll move to the next one. I click on your pieces but didn’t see any info that would give me insights to your process. Maybe I missed it… which that should give you some UX info.”
brennan
2016-09-22 18:18
@lou – can we se your portfolio and case studies? Do you have a link?
brockawesome
2016-09-22 18:19
I have just jumped into UX in the last year and have been going back through my older branding and illustration work to document my process. i’m not a front end programmer by any means and have been using Behance to showcase my work, but It doesn’t quite shine. Are there any tips you can give on where to start to learn HTML/CSS as it pertains to creating a portfolio? I plan on designing it from the ground up but I’m lost when it comes to coding my designs after they are finished. check out http://brockbeuch.com and let me know what you think.
lou
2016-09-22 18:19
@israel the clients I work with have confidentiality agreements in place. I password protect my work for privacy reasons. Saying that – if the project is live I will share the password with potential clients IF they are looking for a Lead UX who specializes in ecommerce.
lou
2016-09-22 18:20
@gregor “I was hoping to ask louise about ideas for promoting a portfolio better (than I am now).”
hawk
2016-09-22 18:21
@brockawesome Hey Brock. I’ve banned @lou from looking at any portfolios in this session due to time constraints :wink: Post it up here for future review: http://ift.tt/2dlzUUC
lynne
2016-09-22 18:22
@lou: what are your thoughts on including work which is not strictly UX, but which demonstrates related skills in your portfolio? (e.g. I did design and prototyping as an engineer)
claraearendil
2016-09-22 18:23
@brockawesome you can check http://codeacademy.com and the’re several other resources/tutorials online where you can learn HTML&CSS
lou
2016-09-22 18:23
@gregor I would make as many friends in the industry as humanly possible with out becoming a stalker :slightly_smiling_face: People generally hire YOU and your great personality — over your portfolio. You can have an AMAZING portfolio, but if you are difficult to work or have poor social skills…. they are not going to hire you. The best jobs I’ve ever had have been through referral and my portfolio was a secondary concern.
kavini
2016-09-22 18:23
has joined #ask-louise-campbell
grosenhan
2016-09-22 18:23
I am currently a digital designer, meaning I do mostly web design but in the past year at my job I have been working a bit in UX and Front end dev. I realized that I want to focus more on UX but don’t want to step backwards in my career. How can I go about marketing myself as a UX person when 90% of my work is Design and on many of those projects I didn’t do Ux on?
lou
2016-09-22 18:23
@anne-dougherty “A general portfolio structure question: Is it better to show deliverables (e.g. designs, content inventories, etc) or process (e.g. here is what I/we did to get to where we ended up)?”
gregor
2016-09-22 18:24
@lou Thank you!
brockawesome
2016-09-22 18:25
I have just jumped into UX in the last year and have been going back through my older branding and illustration work to document my process. i’m not a front end programmer by any means and have been using Behance to showcase my work, but It doesn’t quite shine. Are there any tips you can give on where to start to learn HTML/CSS as it pertains to creating a portfolio? I plan on designing it from the ground up but I’m lost when it comes to coding my designs after they are finished.
desertcoder
2016-09-22 18:25
I’ve heard there are portfolio-designed websites where users can drag and drop content. I’ve also heard of numerous disadvantages to such websites (i.e. difficult to customize). Thoughts?
lou
2016-09-22 18:26
@anne-dougherty Always show your deliverables — as part of your design process. You might like to use a method I use called the STAR method…. S=start what you did at start of a project. T=tasks, what were they how were they defined. A= Audience who are they. R=Results what were they… if you can use that as your framework during an interview combined with your deliverables you will have nailed it!
anne-dougherty
2016-09-22 18:26
@brockawesome Udemy has a couple of good, free HTML courses. Also check out CodeAcademy if you’re a learn-by-doing kind of person.
anne-dougherty
2016-09-22 18:26
@lou Thank you!
lou
2016-09-22 18:27
@anne-dougherty welcome!
lou
2016-09-22 18:27
@ux_dude Question: For someone switching from a related career (me: front-end developer). How many UX projects should you have in your portfolio? How much of the UX process should you show?
crystal
2016-09-22 18:28
@crystal pinned a message to this channel.
gregor
2016-09-22 18:29
@brockawesome I always encourage people to learn coding, but at the same time wouldn’t want the time it takes to learn it to slow you down from getting your portfolio out there. Since so much of UX involves collaboration, why not hook up/coordinate with someone who can code your site design for you…. maybe work out some kind of bartering where you can help them out in return?
israel
2016-09-22 18:30
@lou: yes we have some candidates that have work under NDAs but you can create a fake project that showcases your process and skill. I think that’s something a lot of people asks. You don’t need real projects to put on your portfolio if you don’t have the experience or you can’t show them because if NDAs. Just Taylor the portfolio for the job you want. Just my two cents :grinning:
lou
2016-09-22 18:30
@ux_dude Answer: 3 really great ones based on what your client is focused on – so tailor your portfolio for them. If you are going in on a cold “pitch” you’ve never met them before you need to do your homework before hand and tailor your interview to their needs. Every job I ever interviewd for I’ve literally had to tailor my portfolio for. That detail really get you great clients and work in the end. It’s hard work but worth the effort!
anne-dougherty
2016-09-22 18:31
@anne-dougherty pinned a message to this channel.
lou
2016-09-22 18:31
@jeanna Question: any advice for how to present a portfolio when someone asks to see your “thought process” and not just artifacts?
uxrose
2016-09-22 18:33
@lou Going off of what you said about the STAR approach. What types of results would you show on your portfolio if you were doing a personal side project?
claraearendil
2016-09-22 18:33
@lou @ux_dude what if you don’t have so many projects, just 1 or 2… seems difficult to “tailor” your portfolio when you’re starting
lou
2016-09-22 18:34
@jeanna answer: yes take photos of everything you worked on on the project and host them on a web page – even take the sketches with you, take videos of any interaction design and host them within the web page in a case study/webpage. Include the STAR framework above! Good luck I can’t wait to hear how you get on!
ux_dude
2016-09-22 18:35
@lou what to do if you only have done personal UX work and don’t have any client work? Does it matter?
lou
2016-09-22 18:36
@sonia2016 does your previous employer have a website? If so go back to them and ask if you could job shadow the development team. You need to focus on “warm” leads peoepl you know or friends on colleagues. I want you to get on LinkedIn and create a great profile! Follow your fav. design companies, find out who works there, intro yourself, be interested and you will get there :slightly_smiling_face:
jeanna
2016-09-22 18:37
@lou thanks for the recommendations – I’ve included photos and schematics as well as wireframes but have had several people ask to see my notebooks to see how I arrived at design…
gregor
2016-09-22 18:38
@israel maybe it’s just semantics I’m taking issue with, but ALL projects are “real projects” if you’re putting in the work on them, whether they’re personal (what I assume you mean by “fake”) or for a client. Just my two cents! :sunglasses:
lou
2016-09-22 18:38
BTW Everyone who makes it to the end of this AMA gets a link to my first design contract proposal that got me my first design contract worth $12K. As a gift to say thank you for being patient!
sonia2016
2016-09-22 18:38
@lou I am currently not work and my previous employer was a temp agency. I have worked in hospitals for the most part as a social worker. I am going to try and ad more projects to my portfolio and try to do a case study.
lou
2016-09-22 18:39
@nwhysel Question….Does that mean different portfolio for different prospective employer?
hawk
2016-09-22 18:40
@plath.ma You’re in. :slightly_smiling_face: It’s a text chat session. If you have a question, ask away. You can read back through the transcript at your leisure
plath.ma
2016-09-22 18:41
Ah, got it, thanks!
amirasallam
2016-09-22 18:42
@lou can we have access to your portfolio ? for inspiration and reference ?
graeme
2016-09-22 18:42
has joined #ask-louise-campbell
wendy
2016-09-22 18:42
@lou would learning front end development and graphic design increase the chances of getting a junior UX design role for someone coming from a different career? (Psychotherapy)
lou
2016-09-22 18:42
@nwhysel answer: 1. find out what problem you will be solving for your employer…2. create three case studies in your portfolio that address that need (you might be focused on ecommerce, publishing or finance) 3. when you get to the interview you want to be super specific about how the results you got in a previous – and similar job – will help you get results for them too. Does that help?
israel
2016-09-22 18:43
@gregor: yes I agree all projects are real projects since you are taking the time to do it. What I meant is if you haven’t work for a lot of clients and don’t have a variety of projects to show you can create your own. So maybe you do an e-commerce project or an app project and show how do you apply your knowledge in those areas.
plath.ma
2016-09-22 18:43
I’d like to know how best to include previous relevant experience (in my case graphic design) in your portfolio?
lou
2016-09-22 18:43
@tyler question: would you have better chances of getting work if your a specialist? or a generalist?
nwhysel
2016-09-22 18:44
@lou: yes. I guess also knowing when to drop pieces that no longer address current problems.
sonia2016
2016-09-22 18:45
@wendy we are in the same boat, I come from a social work background. It is a hard transition. Some times I question myself about transitioning because I dont want to fail.
plath.ma
2016-09-22 18:45
@lou Also – how do you deal with a project that never got finished? I.e. I worked on a project pro bono just to get something in my portfolio. The client decided they didn’t have the money to get a custom design built, so went with (another) (cr*??^) template instead. What’s the best way of including that in your portfolio, in the absence of actual results??
ux_dude
2016-09-22 18:46
@wendy I would learn front-end and graphic design on top of all the UX stuff you are learning, but it’s not a guarantee. I’m a front-end developer with over 10 years experience and I’m having a tough time landing a UX job right now.
ux_dude
2016-09-22 18:46
@sonia2016 don’t be afraid to fail :slightly_smiling_face:
lou
2016-09-22 18:46
@tyler answer: If you specialise in you’ll always be in demand, it also makes it easier to sell your services. :slightly_smiling_face:
lou
2016-09-22 18:47
@brennan question: can we se your portfolio and case studies? Do you have a link?
wendy
2016-09-22 18:47
@sonia2016 yes it is a difficult transition looking at job descriptions wanting a unicorn
wendy
2016-09-22 18:48
@uxdude yes I meant front end development and graphic design on top of the HCD UX process
anne-dougherty
2016-09-22 18:48
@wendy @sonia2016 I saw this in a job description today: – Ability to solve all sorts of design challenges with creativity, efficiency and precision; *a full stack designer (interaction, usability, graphic design, HTML5, CSS3 and front-end development).*

Full stack designer = :unicorn_face:

lou
2016-09-22 18:49
@brennan answer: I’m running a free webinar later this evening and I’ll be running through the http://greyhound.com case study if anyone is interested in the frameowrk I use and how I use it to persuade clients to hire me. Let me know if you want to attned?
pesenson
2016-09-22 18:49
@sonia2016 @wendy …you may want to do UX Design in particular, but UX Research is also a great path (and specialization) that wouldn’t require coding or graphic design skills. It’s more about psychology, sociology, and interviewing users and working closely with designers –might be a great way to reframe social work too
desertcoder
2016-09-22 18:49
What type of formula do you use to equate portfolio value = contract price? Meaning, how do you negotiate your contract based on what a potential client sees in your portfolio?
plath.ma
2016-09-22 18:49
@lou – I’d like to attend the webinar please!
ux_dude
2016-09-22 18:49
@anne-dougherty I have all those requirements! :disappointed:
tyler
2016-09-22 18:50
@lou how does having graphic design skills tie into a UX design position?
brennan
2016-09-22 18:50
@lou – I would love an invite to the seminar but hopefully not to late since I am in Boulder CO.
ux_dude
2016-09-22 18:51
@tyler to design flashy wireframes maybe? A lot of companies confuse UI and UX.
plath.ma
2016-09-22 18:51
@tyler – creating wireframes based on the user research!
paapoo
2016-09-22 18:51
How do we sign up to attend your web inarticulate today?
tyler
2016-09-22 18:51
@plath.ma isn’t that more of a UI job then?
wendy
2016-09-22 18:51
@pesenson yes, I have looked into it. My impression so far is that the job descriptions/ requirements even for a research assistant are a bit much (years of qualitative and quantitative research experience in tech industry)
gregor
2016-09-22 18:52
@wendy I would just add to what’s been said that “learning” front-end and graphic design should be interpreted as at least having a good understanding of these so that you can work with others who do these. UX is about collaboration, and I don’t think you need to master these other areas to become successful in your own area of UX.
rvaelle
2016-09-22 18:52
@lou — I’d like to attend your webinar.
sonia2016
2016-09-22 18:52
@pesenson I will look more into UX Research to get my foot in the door some where. My only thing is I dont want to be put in a box. Once I have enough experience , I want to focus on the other part of UX
hawk
2016-09-22 18:52
We have 5 mins left and more than 5 mins of q’s queued, so I’m going to put a lid on them now.
If you have further questions, please post them here http://ift.tt/2cVk9oZ
lou
2016-09-22 18:52
@lynne answer: prototyping is a HOT UX topic. Those skill you have developed and UCD thinking are very valuable to potential employees, as long as you can prove the results you got – in an interview situation and use the STAR method for example, you could persuade a team to hire you. Get creative :slightly_smiling_face:
plath.ma
2016-09-22 18:52
@tyler – no, creating the wireframes is putting together the structure of the website (which page leads to which page, user flow, etc) UI is just the pretty colours and graphics on top (=skin )
brennan
2016-09-22 18:53
@hawk thought the seminar was in this channel tonight, misunderstood
hawk
2016-09-22 18:54
Also respectfully ask that you hold off on the side convos for the last 5 mins so Lou can talk
lou
2016-09-22 18:54
@brockawesome I host my work on WP. You don’t need a fancy site. Create case studies and share them on your site, document everything share it with your network. I hope that helps!
brennan
2016-09-22 18:54
Thanks for sharing your time and experience today @lou
lou
2016-09-22 18:55
@desertcoder question: I’ve heard there are portfolio-designed websites where users can drag and drop content. I’ve also heard of numerous disadvantages to such websites (i.e. difficult to customize). Thoughts?
rvaelle
2016-09-22 18:55
@lou Thanks for providing tangible solutions to questions today.
lou
2016-09-22 18:58
@desertcoder answer: so I use leadpages for certain content pages on my site because it’s very simple to use (drag and drop) And WP “pages” to build my case studies. You can mix the two. Your case study should be a simple narrative, and your live work the fancy stuff that you can show in conjunction with your thoughts process, sketches, and the STAR method. I hope that helps you?
lou
2016-09-22 18:58
@rvaelle thanks!
crystal
2016-09-22 18:59
@lou Also, thanks for reposting the questions you were about to answer. It made it much easier to follow along
plath.ma
2016-09-22 19:00
@lou thanks for sharing your expertise with us tonight, much appreciated!
hawk
2016-09-22 19:00
If you haven’t been to one of these sessions before, I leave the channel open so you can read back through, and I also post the transcript up on http://uxmastery.com
hawk
2016-09-22 19:00
Also, don’t forget that you can continue the discussion at http://ift.tt/1qs7rt7
lou
2016-09-22 19:00
@plath.ma lovely to see you here! Thanks for being here :slightly_smiling_face:
hawk
2016-09-22 19:01
But wait! Lou has an amazing offer for you all…
gregor
2016-09-22 19:02
@gregor pinned a message to this channel.
nwhysel
2016-09-22 19:02
Thanks, @lou!
kailualisa
2016-09-22 19:02
Thank you, @lou
lou
2016-09-22 19:03
Thanks for being so patient! I’ve got the exact and confidential pitch and $12,500 contract outline that got me my 1st $12K client… here goes… http://ift.tt/2cVjYdB
gregor
2016-09-22 19:03
@lou Thank you for this, and for your great advice!
sonia2016
2016-09-22 19:03
@lou Thankyou
lou
2016-09-22 19:04
It’s also includes a step by step guide on How to Get Your first Design Client – happy pitching everyone :slightly_smiling_face:
lou
2016-09-22 19:05
nice one @gregor @sonia2016 @kailualisa @crystal
hawk
2016-09-22 19:06
Thanks all for joining us today. It’s been a crazy busy session :slightly_smiling_face:
hawk
2016-09-22 19:06
But mostly, thanks so much @lou for your time. You’re a star.
anne-dougherty
2016-09-22 19:06
Thank you for hosting @hawk !
lynne
2016-09-22 19:06
Thanks @lou and @hawk for organising.
mattsmith
2016-09-22 19:07
thanks!
lou
2016-09-22 19:07
@hawk thanks for being amazing :slightly_smiling_face:
brennan
2016-09-22 19:07
@hawk do you have any additional info on the seminar mentioned?
hawk
2016-09-22 19:08
@brennan You’ll have to get that from Lou. It’s not a UXMastery session :slightly_smiling_face:
brennan
2016-09-22 19:08
Great, thanks @hawk
lou
2016-09-22 19:08
@hawk am I ok to link to the free webinar here?
hawk
2016-09-22 19:09
yup, no probs
lou
2016-09-22 19:09
Persuasive Portfolio Free Webinar happening LIVE here at 8.30pm London time http://ift.tt/2dlzZr9
brennan
2016-09-22 19:10
Awesome, thanks again @lou
hawk
2016-09-22 19:10
(that’s in 20 mins)
lou
2016-09-22 19:10
@brennan no worries I hope you can make it.
lou
2016-09-22 19:11
@hawk thank you! :slightly_smiling_face:
claraearendil
2016-09-22 19:12
@lou is it open or do we need to sign in?
lou
2016-09-22 19:14
@claraearendil you need to sign into facebook and then like the page as far as know when I’ll show up in video in the news feed.
lou
2016-09-22 19:15
@claraearendil See you there! you can also try this if you don’t use facebook. http://ift.tt/2cViG1U (I’ll be there at 8.30pm) in 15 minutes. See you there!
sharonhsiao
2016-09-22 19:17
has joined #ask-louise-campbell
claraearendil
2016-09-22 19:36
thanks!!
josesolano
2016-09-22 20:34
has joined #ask-louise-campbell
chrisar
2016-09-22 20:53
has joined #ask-louise-campbell
mnmustafa
2016-09-23 00:05
has joined #ask-louise-campbell

The post Transcript: “I teach UXers how to build a persuasive portfolio : Ask Me Anything.” appeared first on UX Mastery.


by Sarah Hawk via UX Mastery

5 SEO Guidelines for Web Developers

SEO Guidelines for Web Developers

This article is part of an SEO series from WooRank. Thank you for supporting the partners who make SitePoint possible.

If you’ve decided that you are going to rely on organic search engine results (as opposed to paid search traffic or display advertising) as the primary driver of traffic to your website, you need to take that into account when coding pages. SEO is about much more than keywords, synonyms and content marketing — there are a lot of technical aspects going on behind the scenes that help determine where a page ranks in search results.

The first step is to make sure your page is accessible to search engines, and that their robots can see the page content. In Google Search Console, use Fetch as Google in the Crawl section to see how your page appears to search engines. Remember, crawlers can’t access iframes and are limited when indexing content in Flash or Silverlight, so if you’ve got important content, keep it in HTML.

Fetch as Google

Once your site basics can be seen, crawled and indexed by search engines, use these guidelines to make sure robots can properly figure out what your pages are about, how they relate to keywords and what sort of user experience they will provide.

Write URLs for SEO

Clean URLs

A page’s URL is an integral part of its user experience and SEO. In fact, it’s the first thing search engine crawlers see and, ideally, it tells them a lot regarding the page and its content. That means your URLs need to be clean, easy to read, descriptive and free of URL parameters. Take two URLs for example:

http://ift.tt/2cUHdTk

http://ift.tt/2d7i8rr

The first URL has unnecessary parameters that are likely to confuse robots and people since they can’t see what category or product the page is for. In this case, people are much less likely to share or click on this URL, and search engines will have trouble determining its relevance to a keyword. The second URL is much more preferable. It’s easier to read, tells you what category and product you will find on the page and doesn’t contain any confusing parameters or query strings.

You often wind up with URL parameters due to analytics and tracking programs, and when your CMS serves dynamic page elements like filters and sorting. If you’re using an advanced CMS, like WordPress, you can rewrite your URLs by changing the permalink settings in the admin main menu.

Permalink feature in WordPress

Optimized URLs

The structure and words you use in your URLs are also very important for SEO. The URL’s path helps search engines understand the page’s relationship and importance to the rest of the site. The words used in the URL tells them how relevant that page is to a particular topic or keyword. A well-optimized URL structure has the following elements:

  • Short and descriptive: Ideally your use of keywords will describe the page content. If, for whatever reason, you don’t use keywords in your URLs, keep the path as efficient as possible. Use as few words as possible and avoid stop words (the, a, of, on, etc.) altogether.
  • Hyphens instead of underscores: When separating words in URLs, always use hyphens. Search engines use hyphens as word separators, so they are able to recognize urls-written-like-this. They don’t use underscores to denote anything, so they don’t recognize them. That means they’ll see urls_written_like_this the same as urlswrittenlikethis. If you write URLs like that, they’ll really struggle to interpret them and recognize keywords.
  • Keywords used at the beginning: Put your most important keywords at the beginning of the URL. Search engine crawlers assign more value to these words. This is another reason to keep your URLs short: The fewer words in the URL, the more value search engines place on each one. However, it’s absolutely vital that you use keywords naturally. Otherwise your page could come across as low quality or spammy. If you’re targeting a longtail keyword, consider removing your category and sub-category names to keep your URLs short.

Optimizing URLs using keywords also makes it more likely that the anchor text for your links will use relevant keywords.

Meta Tags

Your code is important not just because it creates a quality page for users. Search engines also look at meta tags to learn things about your page. Even if you don’t write your meta tags yourself (this is often done by marketers), you should still understand how they work for SEO. There are three meta tags that are especially important for SEO:

Title tag: The title tag is one of the most important on page SEO signals. They are perhaps the strongest hint you can give to search engines about your page’s topic. Therefore, use your most important target keyword at the beginning of the title so search engines can see if the page is relevant to a given search. A well-optimized title tag is no more than 60 characters, including spaces and punctuation, with 50-60 being the ideal length. If you use more than one keyword or include your brand, separate them using pipes (the | character). Your title tag should look like:

<title>SEO Guide for Developers | SEO Best Practices | SitePoint</title>

If you’re optimizing for local search, use your target location, business and industry in your title tag as well as your keyword. So your local title tag might be something like <title>Smith & Sons | Construction | Toledo</title>.

Meta description: Meta descriptions aren’t used directly as a ranking signal, but they are still important for SEO. Search engines still sometimes look at them to help determine a page’s topic and they’re combined with title tags to form your search snippet. Search snippets are the title, link and page description displayed in search results. They essentially work as a free text ad for your page, with keywords matching search queries displayed in bold. Having a clear and accurate meta description will help increase click-through rate (CTR) and decrease bounce rate, both of which look good to search engines and can help improve your rank. If relevant, include words like "cheap,” “sale,” “free shipping,” or “reviews” to attract in-market searchers. The meta description tag looks like this:

    <meta name="description” content=”Your short page description, no more than 160 characters.”/>

Robots: The robots meta tag is used to tell search engine crawlers if they can or cannot index a page or follow the links on that page. This meta tag will keep search engines from indexing pages they find by following links on other sites, which would not be prevented by your robots.txt file. The robots meta tag looks like this:

    <meta name="robots” content=”noindex”/>

You can also prevent search engines from following the links on your page by adding the "nofollow" value to the content attribute. This would be advisable if your page has a lot of links that you don’t really want to pass value, or if your page includes several paid links via native marketing. A robots meta tag using “nofollow” would look like this:

    <meta name="robots” content=”noindex, nofollow” />

Note that disallowing pages using the robots.txt file does not negate your need for a robots meta tag. While Google won’t index these pages, they may still show them in the search results, replacing the meta description with ‘A description for this result is not available because of this site's robots.txt’. If you’re using the meta robots noindex tag, make sure you don’t also disallow the page in your robots.txt file, as this will prevent the crawlers from ever seeing it.

Redirects

Developers need to move content around a site all the time, often hosting it at a new URL and setting up a redirect to send visitors to the new page. Redirects are good for your SEO because search engines like when there’s one canonical version of something. So if you have two or more paths to get to the same destination, like if you’ve temporarily moved content to a new folder or copied pages to a subdomain, they tend to get a little confused and will treat your pages as duplicate content.

Using redirects on your old pages pointing to your new pages will make sure that users not only wind up in the right place, but that search engine spiders do too. If you don’t use redirects, you risk search engines serving the wrong page in search results, and assigning trust and authority to outdated URLs.

One of the biggest benefits of using 301 (permanent) and 302 (temporary) redirects is that they pass full link juice on to the destination page. This allows you to move content without suffering much in terms of ranking and traffic. It’s better for users as well, because they won’t have to deal with dead links and 404 pages.

Note that until relatively recently, it was SEO best practice to use 301 instead of 302 redirects because the latter didn’t pass link juice. That’s no longer the case. Google treats 302 redirects as if they were 301s and passes full PageRank to the destination page. Also, avoid using more than one redirect in a row. Search engines really don’t like redirect chains, and it’s really inefficient for your server as well.

If you’re planning to do a site migration where the URL strings will remain the same, use the .htaccess rewrite methods shown above to save you time.

Continue reading %5 SEO Guidelines for Web Developers%


by Sam Gooch via SitePoint

Ross Marshall Design

Portfolio website of UX/UI Designer Ross Marshall. Responsive design built with WordPress.


by csreladm via CSSREEL | CSS Website Awards | World best websites | website design awards | CSS Gallery

Speakeasy Burlesque

Leave discretion at the door and discover the timeless, seductive art of burlesque. Immerse yourself in a world of mystery & glamour as you step back in time to the Prohibition era. Inspired by the underground saloons of the ‘20s, Speakeasy has mas


by csreladm via CSSREEL | CSS Website Awards | World best websites | website design awards | CSS Gallery

Goltermann Design

I am a Berlin based graphic desi­gner and I create clean layouts, (info)graphics, posters, logos, icons and websites with great atten­tion to detail. I speak German, English, Spanish, HTML5‚ CSS3 and a bit of Javascript. I have a good sense of co


by csreladm via CSSREEL | CSS Website Awards | World best websites | website design awards | CSS Gallery