#Idk how well the links function for mobile users from an html page

[scoobydoodean]

Disgusting and evil as a shitposter @ heart to have something like this but I made an html page for all my many tracked themes and such.

[meghanhalpin]

Content Design

Content is anything you create/consume/interact with.

What do users/people actually need from my portfolio? In order for me to present myself/get a job.

WANT V NEED; If someone is in debt, they are going to want a quick, simple solution. But what they need is a series of simple, manageable steps to help get them out of debt. This is what they need but not what they want.

Content can be anything. A combination of many forms could be what users need.

About me page in portfolio; could it be a video? A gif?

BOOK RECOMMENDATION; Content Design By Sarah Richards. Sarah worked on the .GOV website which is amazing looking now but when she started it had 30,000+ pages. So she printed all the pages out, laid them all out and the team walked about deciding what pages were essential and what weren’t. She paid a lot of attention not only to the content itself but also the way people talk about the content. Eg; people tend to use the word doctor as opposed to GP. Intuitive content design in action.

It’s important to put hours into the development of the content of your website. Content needs to be easy to find/use/consume.

Gazillions of webpages on the internet. Unless you’re incredibly specialised ie a government website, there are going to be competitors. You need to develop smart content. Design entrepreneur vs designer? Innovator or disruptor? We don’t want more content, we need smarter content.

Push vs pull content

Trust

Ease of use

PUSH CONTENT; look at this new iPhone, buy it! Ie bus stops, it’s THERE PULL CONTENT; This cool new phone makes your life easier and puts the entire world in your pocket, and it’s only £500. Pull content is you pulling it towards yourself ie searching things or following links etc.

Turning push content into pull content is an important skill. Your content needs to standout. Any push content can be turned into pull content, all you need to know is what your audience wants to see.

Why are we creating portfolios? MONEY. Good work will get you more work! Kyle ranks this as the most important thing. Portfolios should illustrate your work, your skills and how to contact you!! A bit about who you are is very good also.

People will pay more to use a good product. If a website is easier to use people are more likely to use it, even if the service is more expensive than a more difficult to use website. You need to make sure your website works and they can find your content. Your website has to be really good because employers KNOW what they’re looking for and they know what you’re talking about.

BRIEF; Portfolio Site and Content Strategy Example; Garry’s website. 3 portfolio items minimum.

Each portfolio piece should have its own page and case study; pics and exploration of the brief and process etc. Link blog through case studies? Words and images; prototype, video! It’s up to you!! App prototypes in invasion etc

CONTENT AUDIT; If you’re working on any kind of redesign project you’ll have to do a content audit Compiling all the content into a big list. Full content inventory

What are they used for? The list of content will come in handy at various stages of the project. If you’re redoing the information architecture you’ll come back to it again and again. It will give you a better idea of the content that you already have. Pre-courser to content analysis.

What to include Nav title Page name URL Comments Content hierarch

Content type Basic description of content; brief reminder. Topics, tags or categories; meta data Attached files; how many and type Related; links, related links Availability desktop, mobile, app? Numbering system; index

http://tinyurl.com/ContentAudit1234

Page is whole number Items within page are decimals

Site map Desc/comments

Tobias Van Schneider An incredible beard; the moustache work is a thing of beauty. First page is who is and what he does. Semplice, GOOGLE THIS Latest instagrams in the html not a link, a showcase. He doesn’t demonstrate much work because he’s working for other companies but his website is still slick.

Lefft (Paddy Donnelly) Illustrator, blogs are individual to the project he creates. Newsletter, styles his articles very well, about him page, links used. Colour changes of text to highlight. Paddy exhibits his work straightaway. Cloud whale is amazing.

Both he and Tobias have their own newsletters, Tobias also has a podcast. CONTENT EVERYWHERE. A newsletter could even be things you’ve found on the internet this week, or facts you learned or new words you heard etc.

Wenizhou Simple grid but exhibits her work immediately, and it’s lit. Little animations that are easy to do. When you click on each piece of work it talks about the project, this is what we need to. Her process is amazing.

Shantell Martin Unreal, I love her. Her website and the way she’s used photography is amazing. Detailed discussion of each piece within the page and how she arrived at the end product. Lots of photos. Website is fluid as heck. Worked with Kendrick.

John Hicks Big headers and pieces that take up the whole screen. Lots of content without over crowding. Then case studies which are very important. You can talk about what was easy and also what obstacles you encountered as well. Downloadables? Goodies.

Brian Holf Home page is one portfolio item but it changes the odd time, keeps the site fresh, not the same viewpoint every time. You can then go into the case study from the piece, takes you to an individual page. Contact deeds at the bottom along with an “All Work” button.

Case studies are so important! Four case studies looks far better than four finished pieces.

Xavier Cusso, Toy Fight, Cédric Pierra <- research in own time.

HAMBURGER MENUS ARE FOR MOBILE

SITEMAP YOUR OWN SITE

A sitemap is a planning tool, structure, navigation, page hierarchy, plan logical presentation to users, visualise user paths.

Marking algorithm has changed; 2nd year worth 30% and final year is 70%. Both new and existing algorithms are going to be used and we will receive whichever gives the best outcome. If you want to do a masters you need a 2:2 or a first. Grades count, don’t faff about!

Fathom talk, they’re offering placements. In next Thursday afternoon. Russell in the following Thursday. recruit.ulster.ac.uk lists all placement opps.

Apply for jobs even if you’re not sure!! Check linkedin about that Disney placement. Santander SME.

CONTENT DISCOVERY AND RESEARCH Discovery is an important process! Not just dribbble. Prototyping, attempting to build so you can see what works and what makes sense. Problem solving. Not all looking at computers, a lot of it is discussion. Understand the problem. Understanding comes from discussion. Discovery helps you discover your audience, what you think you want, what you need, when you should publish that and the channels in which to do that. Using discovery to bring people with you. Sometimes you have to sell things to people. Content discovery as a team is a great way for everyone to be involved at an early stage and dissolve confrontations etc. Everyone has a chance to share. Everyone can see the same data or idea. Helps build a collective understanding and appreciation.

Figure out who your audience really are, what they want from you and how to speak with them. You need to know all this before you write a single word.

What can you do for them? What is your skillset? What have you done and how did you do it? Understand beforehand. Your audience are human beings as well. Writing good content with real human language is what gets you ranked on search engines etc. You’re writing good content for humans.

Sometimes the audience you think you want isn’t the audience you’re actually creating content for. Finding your audiences vocabulary. What vocabulary are you using? What words are your audience using? Search data = the words people use. Google trends for example.

Web designer is OUT. App design is IN. Content strategist is solidly known. UX design is on the rise.

Using web analytics and metrics. Login to your gmail and it starts working, telling you how long people spend on your site etc etc More vocabulary, what your readers want to know most, their mental models. Unique visits. Bounce rate. How long people spend on your page; time spend there.

Digital language and spoken language. Absence of body language. You don’t put search terms into google the way you’d ask a friend. Language patterns, common usage.

Narrow it down; what do you do? Can you do it? How can I contact you?

Doing discovery and research means you’re better informed and better equipped to start tackling the content design problem.

Write the content for your portfolio in plain html - no styles. Focus on the content. Write it in markdown.

Include images, pages and links as well if you wanna. Case studies. Home page and one case study as a minimum.

Content Audit

Look at what heroes are doing

Research and Discovery; google trends

Site map - in illustrator

Start to write your content for your website in HTML

STATIC AND DYNAMIC CONTENT What is a static sitE? Fixed content written in html Each page written separately as it is o the web Every web page saved separately Any changes need to go into the separate files

Advantages Easy to develop Cheap to develop Cheap to host

Disadvantages IDK KYLE MOVED THE SLIDE

Dynamic side Construction is controlled by an application server processed by server side scripts

Webpages not coded and saved separately Point 2 Point 3

Main difference is that the layout can be changed quite quickly.

Advantages Much more functional Easy to update Easier to add new content Good for large websites

Disadvantages More difficult to develop Requires you to understand databases

What is a Cms Content Managed System Bro. What is it? Allows users to manage content Separate content from structure Versioning of post content Manage media Manage content grouping Easy to use Manage any time/type of content.

FLAT FILE SITES A hybrid of both? Jekyll is a ruby based parsing engine that generates sites based on what is put into it. It’s main components are yams, liquid and markdown. YAML Aint Markup language. Liquid is ruby based?

Jekyll gives you a lot of freedom as a designer because you can build whatever you want. But it is also angry emoji, huff puff emoji. sO INSTEAD.

Kirby, file based CMS east to setup, easy to use, flexible as an Olympic gymnast. You gotta build a website with Kirby. getkirby dot com. You can use it for free until it comes to hosting. We are gonna use it for either portfolio or elements!