1. The document discusses designing websites with a focus on content-first and progressive enhancement approaches. It emphasizes understanding user needs and contexts through stakeholder interviews before designing information architecture and experiences.
2. Key aspects include analyzing existing documentation and FAQs to transform them into accessible web content, and building information architecture outward from important content instead of predefined sitemaps.
3. The goal is to design systems that effectively communicate useful information to users based on their needs and contexts.
The web is not a fixed width. So if the medium is fluid, should the process be fixed? Open source evangelist Steve Fisher prefers designing within the browser, especially when responsive design is a requirement since Fireworks and Photoshop are not flexible enough to demonstrate media queries, button and menu states, HTML5 and JavaScript behaviors, dynamic resizing of elements and navigation flow.
Learn how to develop a fluid process to match the fluidity of interactive design as Steve shows you why a responsive process is a responsible process. He’ll explore some of his recent work helping clients transform their processes to fit a responsive workflow and share some of the tips, techniques and processes he’s developed. One web to rule them all!
How a Web Redesign Drives Organizational Change: A Cautionary TaleSorel Denholtz
Few people set out to change their organization when they begin redesigning a website, but the process of creating an effective user experience can reveal gaps in an organization's strategy/business processes/etc.
To improve user experience in a sustainable way, while achieving business goals, your job may extend beyond wireframes and content outlines and require you take a seat at the table where business decisions are being made.
Presented 4.28.16 at University of Illinois WebCon #UofIWebCon
Few people set out to change their organization when they begin redesigning a website, but the process of creating an effective user experience can reveal gaps in an organization's strategy, business processes, staffing, and more.
To improve user experience in a sustainable way, while achieving business goals, your job may extend beyond wireframes and content outlines and require you take a seat at the table where business decisions are being made.
The web is not a fixed width. So if the medium is fluid, should the process be fixed? Open source evangelist Steve Fisher prefers designing within the browser, especially when responsive design is a requirement since Fireworks and Photoshop are not flexible enough to demonstrate media queries, button and menu states, HTML5 and JavaScript behaviors, dynamic resizing of elements and navigation flow.
Learn how to develop a fluid process to match the fluidity of interactive design as Steve shows you why a responsive process is a responsible process. He’ll explore some of his recent work helping clients transform their processes to fit a responsive workflow and share some of the tips, techniques and processes he’s developed. One web to rule them all!
How a Web Redesign Drives Organizational Change: A Cautionary TaleSorel Denholtz
Few people set out to change their organization when they begin redesigning a website, but the process of creating an effective user experience can reveal gaps in an organization's strategy/business processes/etc.
To improve user experience in a sustainable way, while achieving business goals, your job may extend beyond wireframes and content outlines and require you take a seat at the table where business decisions are being made.
Presented 4.28.16 at University of Illinois WebCon #UofIWebCon
Few people set out to change their organization when they begin redesigning a website, but the process of creating an effective user experience can reveal gaps in an organization's strategy, business processes, staffing, and more.
To improve user experience in a sustainable way, while achieving business goals, your job may extend beyond wireframes and content outlines and require you take a seat at the table where business decisions are being made.
Presented at the Building a Content Marketing Machine event on February 17th 2016 held at Adobe in Lehi Utah.
John is a San Francisco-based entrepreneur and growth marketer. He is formerly the lead growth manager at Trulia Rentals, head of marketing at HotPads, and the former head of and consultant at Distilled NYC. John got his start in marketing years ago while running a book publishing company in Switzerland.
In his non-work life, he is married to Courtney and they have a very large black labrador named Butterbean.
3 Ways You Can Give and Get Good Design FeedbackZURB
Getting feedback can be awful, but it's necessary for building great products. And it doesn't have to hurt. It can be awesome when asked for and given correctly. Feedback helps you iterate on your process so you can design great products faster, hone in on specific interaction and push past roadblocks. In this session In this session, we'll dive deep into the tactics of soliciting great feedback, how to take it and discuss how to give valuable feedback to others.
Choosing a software program that's right for you is one of your first critical decisions in starting a website or a blog. Listen to what Hubspot Partners had to say about the pros and cons of Hubspot or Wordpress.
Wait what? How to Enhance your Responsive Process with Content QuestionsEileen Webb
Many of the challenges that come from building a responsive site are based not in the technical implementation, but in the content. All your copy is now readable on a small screen, but is it useful there? Is it still serving the site and business goals? Who's actually going to write those blog posts?
We’ll talk about some approaches that content strategists use to figure out how (and if!) content should be displayed on your site, whether you’re dealing with a heavy archive of articles or a nimble webapp. We’ll explore common techniques and questions you can integrate into your workflow that will help you and your client think through the long-term content needs and goals of a new site.
Full text transcript at http://webmeadow.com/blog/archives/201405/wait-what-how-enhance-your-responsive-process-with-content-questions
Information architecture for websites and intranetsContent Formula
A quick introduction to the art and science of information architecture and how we apply it at Content Formula to build effective websites and intranets
» Tips for creating usable web content
» Search Engine Optimization (SEO) tips
» NYU.edu stats and trends
» 30-minutes of answering your pre-submitted questions
Are you about to start work on a new Web project? Have you planned the project accurately and completely? Thorough planning can avoid so many issues later in the project, but yet it is often ignored or done hastily. In this white paper you'll get a detailed look at the planning process that CommonPlaces employs. With documents such as site maps, site wireframes, content type descriptions, and technology assessments, you can give your project a much higher chance of success.
Presented at the Building a Content Marketing Machine event on February 17th 2016 held at Adobe in Lehi Utah.
John is a San Francisco-based entrepreneur and growth marketer. He is formerly the lead growth manager at Trulia Rentals, head of marketing at HotPads, and the former head of and consultant at Distilled NYC. John got his start in marketing years ago while running a book publishing company in Switzerland.
In his non-work life, he is married to Courtney and they have a very large black labrador named Butterbean.
3 Ways You Can Give and Get Good Design FeedbackZURB
Getting feedback can be awful, but it's necessary for building great products. And it doesn't have to hurt. It can be awesome when asked for and given correctly. Feedback helps you iterate on your process so you can design great products faster, hone in on specific interaction and push past roadblocks. In this session In this session, we'll dive deep into the tactics of soliciting great feedback, how to take it and discuss how to give valuable feedback to others.
Choosing a software program that's right for you is one of your first critical decisions in starting a website or a blog. Listen to what Hubspot Partners had to say about the pros and cons of Hubspot or Wordpress.
Wait what? How to Enhance your Responsive Process with Content QuestionsEileen Webb
Many of the challenges that come from building a responsive site are based not in the technical implementation, but in the content. All your copy is now readable on a small screen, but is it useful there? Is it still serving the site and business goals? Who's actually going to write those blog posts?
We’ll talk about some approaches that content strategists use to figure out how (and if!) content should be displayed on your site, whether you’re dealing with a heavy archive of articles or a nimble webapp. We’ll explore common techniques and questions you can integrate into your workflow that will help you and your client think through the long-term content needs and goals of a new site.
Full text transcript at http://webmeadow.com/blog/archives/201405/wait-what-how-enhance-your-responsive-process-with-content-questions
Information architecture for websites and intranetsContent Formula
A quick introduction to the art and science of information architecture and how we apply it at Content Formula to build effective websites and intranets
» Tips for creating usable web content
» Search Engine Optimization (SEO) tips
» NYU.edu stats and trends
» 30-minutes of answering your pre-submitted questions
Are you about to start work on a new Web project? Have you planned the project accurately and completely? Thorough planning can avoid so many issues later in the project, but yet it is often ignored or done hastily. In this white paper you'll get a detailed look at the planning process that CommonPlaces employs. With documents such as site maps, site wireframes, content type descriptions, and technology assessments, you can give your project a much higher chance of success.
Get hands-on advice for rapid Agile prototyping in a product team.
You'll learn:
- How to determine the right depth and breadth for MVP prototypes.
- How to prioritize use cases for prototyping.
- How to elicit the right stakeholder and user feedback.
- How to correctly annotate prototypes for dev and QA.
These days, everybody and their uncle has a website (which is a good thing, since it took forever for some businesses to come around on the whole digital thing).
But the problems with websites are far from over;just because everybody has one, doesn't mean they have a good one. Like the poor content pandemic, bad websites have taken the Internet by storm.
In this eBook we'll let you in on 15 key ways to improve your site, which in turn, will deliver improved conversion. I'd love to get your feedback or for my fellow developers, any other items you think should be added to this list.
or visit: http://www.thinkwsi.com/contact-us
Web design vs web development- This is all you need to knowsangerarayal
In the age of digital population, there is hardly a business left that does not have or need a website. Currently, there are 1.95 billion websites on the Internet, and most of them are commercial. If you have a business that you want to represent on the Internet, a web development company is your best ally.
Many teams may have a front end developer among their ranks, but besides a title or area of responsibility, it can be difficult to pinpoint the exact craft of front end development. Expertise in web technologies is a good start, but we can't forget the users we actually build for. This talk will examine the impact of the front end on User Experience. I'll talk about how becoming more fluent across more UX concerns like content and user research can help front enders make better decisions, can bring more clarity to our craft, and result in building better experiences for our users.
Strange but True: Counterintiutive Paths to Building a Business on APIsThomas Bouldin
After 6 years working on developer experiences, these are my rules of thumb for building a business on APIs:
1. Don't build a business on APIs
2. Don't be Creative
3. Treat Customers like (Your) Children
4. Do Fewer Things
5. Focus on the Docs Nobody Reads
6. Sweat the Small Stuff
Also, keep in mind, this is, of course, just my list and I deliberately wanted to keep it short because if I specified 20 trends here, I'm not sure if they're really all trends.
Software Development Life CyclesPresented byBrenda Reynold.docxrosemariebrayshaw
Software Development Life Cycles
Presented by
Brenda Reynolds
In association with
Matt Henwood and the University of Phoenix Systems Analysis & Development Department
September 13, 2019
We Love Video, Inc.
Welcome to the presentation guys, have a seat anywhere you’d like and help yourselves to some coffee and pastries. This is my bribe to you so you like me and pay close attention to the details I’m about to give you. Your fabulous company has decided to put a CRM in place for you guys, does anyone know what that is?
Kelsey: A What?
C.R.M. it’s one of many acronyms people in IT use.
Robin: Something about Customer Management?
Yes, can anyone elaborate?
Jesse: Customer Relationship Management, I used Salesforce at my last job. I have to tell you guys if this is what they’re doing for us, you’re going to notice a huge difference in how easy it is to find what you need on any customer.
Me: Well thank you for making my job a little easier.
<Audience Laughter>
I’ve done this a whole lot, so I already have a CRM in mind, and yes it will be Salesforce. I love that software for many many amazing reasons. What I want to educate you guys on today is the Software Development Life Cycle and of course there are multiples of those too. I’m going to fill you in on two SDLC’s, how they work, and why we will be using the one that we’ll be using. This is important because it involves you and how you’re going to help us integrate the new CRM into your every day processes.
1
Waterfall SDLC
See how this water looks like it’s on a mission to rush down those steps? Keep this in mind while I describe the Waterfall SDLC, more acronyms, I know. With the waterfall model we have some typical phases that comprise an entire systems project. Makes it easy, right? Just follow the waterfall down and you’ll get to the completed CRM. The reason I say ‘rushing’ is because the waterfall model is focused on getting the project done, get the requirements, get it done and get outta there.
On the next slide we’re gonna see what these steps look like, but does anyone want to take a stab at the first step?
Alyssa: Get the band back together and write down a plan. I can’t imagine computer nerds do this stuff without first knowing what the finished product is supposed to look like.
Me: YES! First and foremost we have to Plan. If we don’t have a plan, what are we building? Not even the best of the best “computer nerds” should start working on something like this for a company without a plan.
2
The typical phases that comprise an entire systems project
Agile
SDLC
Who can tell me what these guys are doing?
Robert: PARKOUR!!
Me: Wow, you must like the thrill of being able to do this stuff. What word would you use to describe someone who has the ability to do this?
Robert: Adventurous, thrill seeker, well trained
Alyssa: Dare devil
Me: This is awesome! What about flexibility?
Audience: yes, that works, of course, yeah…
<Click>
Remember we’re talking about soft.
Why interior designers struggle with online marketingRaymond Lowe
Maintaining a balance between esthetics and functionality are concepts easily understood by interior designers, but they may lack the specific knowledge needed to achieve that balance in online marketing.
Real World SharePoint Branding - SharePoint Online - SharePoint Saturday Sess...Cathy Dew
How do you design, develop and implement a custom Brand in the SharePoint Online world. We will explore the options and show information on how to develop a great brand for your organization's Office 365 environment.
Italy Agriculture Equipment Market Outlook to 2027harveenkaur52
Agriculture and Animal Care
Ken Research has an expertise in Agriculture and Animal Care sector and offer vast collection of information related to all major aspects such as Agriculture equipment, Crop Protection, Seed, Agriculture Chemical, Fertilizers, Protected Cultivators, Palm Oil, Hybrid Seed, Animal Feed additives and many more.
Our continuous study and findings in agriculture sector provide better insights to companies dealing with related product and services, government and agriculture associations, researchers and students to well understand the present and expected scenario.
Our Animal care category provides solutions on Animal Healthcare and related products and services, including, animal feed additives, vaccination
Bridging the Digital Gap Brad Spiegel Macon, GA Initiative.pptxBrad Spiegel Macon GA
Brad Spiegel Macon GA’s journey exemplifies the profound impact that one individual can have on their community. Through his unwavering dedication to digital inclusion, he’s not only bridging the gap in Macon but also setting an example for others to follow.
APNIC Foundation, presented by Ellisha Heppner at the PNG DNS Forum 2024APNIC
Ellisha Heppner, Grant Management Lead, presented an update on APNIC Foundation to the PNG DNS Forum held from 6 to 10 May, 2024 in Port Moresby, Papua New Guinea.
Understanding User Behavior with Google Analytics.pdfSEO Article Boost
Unlocking the full potential of Google Analytics is crucial for understanding and optimizing your website’s performance. This guide dives deep into the essential aspects of Google Analytics, from analyzing traffic sources to understanding user demographics and tracking user engagement.
Traffic Sources Analysis:
Discover where your website traffic originates. By examining the Acquisition section, you can identify whether visitors come from organic search, paid campaigns, direct visits, social media, or referral links. This knowledge helps in refining marketing strategies and optimizing resource allocation.
User Demographics Insights:
Gain a comprehensive view of your audience by exploring demographic data in the Audience section. Understand age, gender, and interests to tailor your marketing strategies effectively. Leverage this information to create personalized content and improve user engagement and conversion rates.
Tracking User Engagement:
Learn how to measure user interaction with your site through key metrics like bounce rate, average session duration, and pages per session. Enhance user experience by analyzing engagement metrics and implementing strategies to keep visitors engaged.
Conversion Rate Optimization:
Understand the importance of conversion rates and how to track them using Google Analytics. Set up Goals, analyze conversion funnels, segment your audience, and employ A/B testing to optimize your website for higher conversions. Utilize ecommerce tracking and multi-channel funnels for a detailed view of your sales performance and marketing channel contributions.
Custom Reports and Dashboards:
Create custom reports and dashboards to visualize and interpret data relevant to your business goals. Use advanced filters, segments, and visualization options to gain deeper insights. Incorporate custom dimensions and metrics for tailored data analysis. Integrate external data sources to enrich your analytics and make well-informed decisions.
This guide is designed to help you harness the power of Google Analytics for making data-driven decisions that enhance website performance and achieve your digital marketing objectives. Whether you are looking to improve SEO, refine your social media strategy, or boost conversion rates, understanding and utilizing Google Analytics is essential for your success.
2. Clearle
I’m a user experience designer at Clearleft. This is us in our home at 68 Middle St. We design websites, things that live on the internet and run a number
of conferences and talk series around the subject.
3. We work on a broad spectrum of projects, but some of note in recent years include The Week, Evo Magazine, Matter, and Brighton Hove Council.
7. Layering web technologies so that the content is
always accessible, regardless of access method,
connectivity, software, or hardware being used.
Progressive Enhancement
PROGRESSIVE ENHANCEMENT
This matches our stance on designing for the web, which is to design experiences that progressively enhance the user interface to ensure that regardless
of how you get there, the content is accessible.
This isn’t anything new, but it is surprising the number of people who don’t do it.
8. Projects fail before they start
HOW WE SELL IT
The sales process for these projects, and the development process of yesterday no longer work. In truth, they have never worked, but we didn’t
understand.
If you have worked on the web for more than a few years you will be more than familiar with this.
9. WHY IS IT BAD? BECAUSE IT IS DESIGN FOCUSSED
We get stuck focussing on visual design until it ‘looks pixel perfect’ then we hope that the copy fairies will wave their wand and BAM site done.
But that doesn’t happen. Instead we end up with a longer project with somebody, or a group of people spending 6 months, writing content for every
page that was listed in the sitemap and then copy and paste from Word into the CMS.
10. RFP
Pitch Deck (about us)
Photoshop Comps of homepage
Win project
Slowly unravels and we pray for the end
Radically different design
Unhappy customer
Bad Experience
WHY IS IT BAD? BECAUSE IT IS DESIGN FOCUSSED
We get stuck focussing on visual design until it ‘looks pixel perfect’ then we hope that the copy fairies will wave their wand and BAM site done.
But that doesn’t happen. Instead we end up with a longer project with somebody, or a group of people spending 6 months, writing content for every
page that was listed in the sitemap and then copy and paste from Word into the CMS.
11. Don’t make decisions on this alone
DESIGN COMPS FROM PITCH BAAAAAD
This is the first nail in the coffin of that project.
It means that everything after that point will be based on one design iteration that was produced if you’re lucky with existing content but most likely it’s
made of Unicorn blood and Pixie Dust - very little real substance, and without any hesitation I’ll say that it will be the site homepage. Site homepages are
magazine covers, they’re the most useless part of 90% of the sites out there and yet so much emphasis is put on them.
12. AND THIS IS WHAT HAPPENS
We treat content as the thing you pour into a big bucket at the end of the project.
This doesn’t work.
13. User Experience Design
WTF IS UX?
When I say design, I don’t just mean graphics. All the elements behind the scenes need to be designed too.
14. Web Design
=
HTML, CSS (javascript..maybe)
Design on the web is code so our final objective is to make that design in the medium it is intended for.
We do not provide our clients with Photoshop files, in fact this year we’ve stopped using Photoshop entirely, and although we will mock-up page designs,
they are not a deliverable, nor are they intended to be anything other than reference because whatever is in the visual is subject to change.
How will it look on the off chance somebody visits it from their TV? their in-car nav system? their watch?
15. We need to work together
Content is at the forefront of design.
We don’t have a specialist on-staff such as a content strategist, or copy-writers, but we do touch on these areas, just not as deep, and we may not
consider the long-term curation of that content.
This is where we need your guidance, and help. What I hope, is that today I can show you ways in which we can help you that you may not have thought
of.
I’m going to show you how I start my projects, I would love to hear from anyone who has ideas on how we can work together to create great experiences
in this way.
16. Not Just Visual Design
Design is about effective communication.
But to communicate effectively you need a system of transmission. This is what I’m providing.
I want to look at all these different bits of information, and different ways of getting that information out and design the system that will let you do that.
My goal on any project is to both understand how the engine works and then design the car it will run in.
17. Why why why why why why why why why why why
I am forever asking questions.
Why is this information important?
Is it important to your business, or the people you want to serve?
Why should I read it?
What else can I do with it?
This question, what else can I do with it? Is what ultimately sparks the creative process of designing with content. It is the starting point for exploration
and innovative ways of utilising this information.
18. Put things into context
The other thing I want to know is the context around the person looking at the content.
The context of where a person is when needing your content is what gives you the leverage to delighting them by making content that works for them.
We run exercises like creating user journeys where we will map out the day in the life of a persona to understand who and where they are and how our
service can help them.
19. Stakeholder interview findings
We start our projects with interviews with the project stakeholders, this is if you like the first progressive enhancement of the project.
We’re going to take what was written in the brief and enhance it with information that wasn’t there. We are reliant on these project groups to be made of
the people who are relevant in their role, but there are always some failure points in this.
Project teams are often made up of representatives from the single team that ‘manages’ the site, it is not a cross section of the entire business.
When arranging the interviews, we will always ask to talk to somebody from customer service for example, or anyone else who is directly involved with the
customer. These are some of the greatest content creators in your organisation.
Why do people call? What are they given when they do? What do the people in these support teams need to make their time at work better?
20. Frequently Asked Questions
=
Your site content.
What we find a lot is that people in these kinds of role have amassed lots of documents they’ve created to answer FAQs and they’re theirs and theirs
alone.
Sometimes they’re shared but there’s a chance that each member has their own version of the same information. That’s not ideal for anyone. How can we
take this content and get it out there.
21. User Centred Design
=
All Users
COMMON THEMES - HOW DO WE PRESENT THE CONTENT?
We are looking for common themes and to understand what the business needs are, what the individuals teams needs are and those individuals we speak
to.
This gives us our direction. How do we present this content so that it meets everyone’s needs?
22. Over the past year we have been working with the digital services team at Royal Borough of Kensington and Chelsea where we have been developing a
beta for their planning department.
In just this one department we discovered over 100 PDFs that had been created by support staff covering everything that gets asked routinely about
planning services for the area.
The subject matter was broad, but the content being provided was immensely useful.
23. In this instance, this content was published on the website, however being in PDF format it wasn’t as useful to most as it could be.
None of the great content contained within them was indexable, so then it can’t be searched, it also meant that we have pages which serve just as link
farms for documents with real content in them.
24. It may sound obvious, but you would be incredibly surprised by the number of organisations who don’t think to just turn this documents into html pages.
25. It may sound obvious, but you would be incredibly surprised by the number of organisations who don’t think to just turn this documents into html pages.
26.
27. Information Architecture
Bottom-up
With the information from the interviews, we being some traditional information architecture exercises, content audits, review of existing structure at the
site level and at a content level.
This is perhaps where my personal approach begins to differ from the norm.
I find the key page type, the one which you want to get people to, or has the most value to to the viewer, and start from here building outward.
28. I don’t create sitemaps, I find they’re a dated diagram that is not representative of how a website is constructed, or how they are used.
What happens if you create a sitemap with no content? - It’s a traaaaaap!
If you were to create this structure first, you would be leading yourself into the same mistake as if you had started with that PSD comp - painting yourself
into a framework that will never scale and that limits what the content can do within it’s pre-defined confines.
29. I don’t create sitemaps, I find they’re a dated diagram that is not representative of how a website is constructed, or how they are used.
What happens if you create a sitemap with no content? - It’s a traaaaaap!
If you were to create this structure first, you would be leading yourself into the same mistake as if you had started with that PSD comp - painting yourself
into a framework that will never scale and that limits what the content can do within it’s pre-defined confines.
30. I don’t create sitemaps, I find they’re a dated diagram that is not representative of how a website is constructed, or how they are used.
What happens if you create a sitemap with no content? - It’s a traaaaaap!
If you were to create this structure first, you would be leading yourself into the same mistake as if you had started with that PSD comp - painting yourself
into a framework that will never scale and that limits what the content can do within it’s pre-defined confines.
31. I start off by taking this page type and developing an Exemplar. This uses a simple list of elements that make up that page. These elements are then
moved around to create a priority order of the information that is there.
Using either an existing page that has great content on it, or a hybrid of content from different locations I start to add in content that represents these
elements.
32. Now I can take a look at the information that is there and consider what else this content is tell me. What’s the meta data which I can use here in other
ways?
33. Are there attributes that I can leverage in interesting ways based on their context? For example, I can take any contact details and with minimal code tag it
so that it will automatically create a new contact in your address book, or enable tap to dial the number being displayed.
34. Now I have not just a completed page, and attributes within it which can help me bring related content in and show me entrance paths, exit paths,
additional content that may be of value, such as the pronunciation for the name shown here.
We would never have uncovered these routes had we created a traditional sitemap first and then worked from the top-down to the content level.
35. This is also our first opportunity to progressively enhance our content visually. by adding typographic styling to our content it instantly comes to life. It
begins to have a personality and character.
We can set the weight, size and format to enhance our content hierarchy and to make it flow even better than when it is just set arbitrarily.
36. But that isn’t what really excites me! We have here, a completed responsive web page! Content-first now becomes develop for mobile-first and all we
have done is minor enhancements to the display of the content.
37. But that isn’t what really excites me! We have here, a completed responsive web page! Content-first now becomes develop for mobile-first and all we
have done is minor enhancements to the display of the content.
38. Information Architecture
Bubbling Up
Now that I have this page it needs a home. My approach to IA is to have an item - and then work out where it can live.
There are some pieces of content which very much have 1 home, but the way in which we develop services now means that content is domain
independent, or transient.
39. Hub and spoke: richard rutter
Going back to Kensington and Chelsea, our content is in fact not associated with any one location. It is self sufficient and can be shared across any number
of categories, sub-categories, as these are just methods for cataloguing content into specific areas in order to manage them or to browse a domains
content. Is this how we still find information on the web? I argue that it is not.
40. As we move further into a world where even our accessories can connect to the internet and have the potential to provide us with access to content, we
need to really consider whether there is any relevance to the librarian cataloguing methodologies we use currently when it comes to displaying content.
Consideration needs to be given to how we store this content, and how we can extrapolate specific elements based on the relevancy to the context in
which somebody is trying to access it.
It may not be that we want the entire page’s contents, but just one of its attributes, if I am looking up a taxi company on my phone whilst I am stood in the
rain in the middle of the night, what do you think I am after? the history of the firm, or how great their cars are, or for the number to ring so I can get
picked up?
Destiny
I’m going to finish up on an example of bad web design. This is a peculiar example which is at the top of my shit list right now as I am heavily invested in
this, but if there was ever an exemplar for how to have an immense volume of content and then send to the web wrong this Bungie have hit the
motherload with the release of their triple A title Destiny.
41. Here we have the website for Destiny, a game which is incredibly dense with content, not just in terms of the user interface, the story arcs, or the
environments but its back-story which you barely graze as you work through the story.
I wanted to find out more about the game, I wanted to learn more about how it worked, and also to absorb myself into the folklore and mythos that the
writers and developers spent 10 years creating.
Problem was, there’s bugger all there. There’s some videos of gameplay footage, information about how to buy it, what it’s on, but even the section titled
GAME, has very little content.
Then I noticed the App link. OK, so I’ll download the app.
42. Here we have the website for Destiny, a game which is incredibly dense with content, not just in terms of the user interface, the story arcs, or the
environments but its back-story which you barely graze as you work through the story.
I wanted to find out more about the game, I wanted to learn more about how it worked, and also to absorb myself into the folklore and mythos that the
writers and developers spent 10 years creating.
Problem was, there’s bugger all there. There’s some videos of gameplay footage, information about how to buy it, what it’s on, but even the section titled
GAME, has very little content.
Then I noticed the App link. OK, so I’ll download the app.
43. This app is so ridiculous. After a brief time with it I realised that it is a website, that has been bundled into a wrapper so that it can be measured by some
marketing and sales team somewhere as some half baked metric for success, or to have yet another channel for ‘reaching’ their audience that they will use
for evil.
44. On first glance, I saw the things I expected to see on the site. News from the dev team, opened the menu and yes, there’s a content structure here that
says to me standard website. But hidden away there was a ‘sign in link’. So I registered using my Xbox account and suddenly the content changed!
45. Now I have access to real content it would seem! There’s a map, something called Grimoire, which I recognised because it kept flashing up on my screen
during play, but I couldn’t find it referenced anywhere - I’ll come back to that, and something called Legend.
Let’s take a look through these pages.
46.
47.
48.
49. Now I have access to real content it would seem! There’s a map, something called Grimoire, which I recognised because it kept flashing up on my screen
during play, but I couldn’t find it referenced anywhere - I’ll come back to that, and something called Legend.
Let’s take a look through these pages.
50. OK, this looks interesting. Let’s take a look at the Guardian section which is the character you play.
Interesting, there’s some more sub-categories here, OK, let’s take a look at what is in classes.
Hang on? Didn’t I look at Guardians already?
OK, well let’s take a look again. AH CONTENTTTTT!
51. OK, this looks interesting. Let’s take a look at the Guardian section which is the character you play.
Interesting, there’s some more sub-categories here, OK, let’s take a look at what is in classes.
Hang on? Didn’t I look at Guardians already?
OK, well let’s take a look again. AH CONTENTTTTT!
52. OK, this looks interesting. Let’s take a look at the Guardian section which is the character you play.
Interesting, there’s some more sub-categories here, OK, let’s take a look at what is in classes.
Hang on? Didn’t I look at Guardians already?
OK, well let’s take a look again. AH CONTENTTTTT!
53. OK, this looks interesting. Let’s take a look at the Guardian section which is the character you play.
Interesting, there’s some more sub-categories here, OK, let’s take a look at what is in classes.
Hang on? Didn’t I look at Guardians already?
OK, well let’s take a look again. AH CONTENTTTTT!
54. It’s not just this that makes bad experiences
So here we have a prime example of design being created independently from content.
All this content is what I wanted access to, and there is no logical reason why anyone shouldn’t be able to access this information right? But here it is, not
only locked away inside a mobile native app, but locked inside an app locked behind an account firewall!
55. It’s in a Database
During the Alpha and Beta releases of the game there was a site that existed to host this content, but it was taken down the week before launch.
What infuriates me more about this, is that this content is sat in a database somewhere being requested across the internet by your phone in order to be
displayed inside the damn thing! And what’s worse, is that it doesn’t work offline! In fact, if you were to go back to the previous section, and then go down
to the same page you just looked at, it would request the page content again!
56. It’s not even in the game - the main context of where I would want it.
It gets worse, as I mentioned, this content, which is the story behind the characters within the game is inaccessible from within the game.
And I have scoured, scoured the interface looking for some kind of hidden link but there is nothing, I cannot find out any of this information without using
this app.
57. We are no longer looking
at just another website
We need to think about how we can design for content-first because this content no longer lives in just another web cms.
It can be used anywhere.
TV Guide - Virgin Media
Website
Guardian App 4OD
58. Layering web technologies so that the content is
always accessible, regardless of access method,
connectivity, software, or hardware being used.
Layering web technologies so that the content is
always accessible, regardless of access method,
connectivity, software, or hardware being used.
Great experience, and great design are not about whether our websites look good, but whether our content is stored and structured in such a way that it
can be accessible, regardless of the way in which is requested, and regardless of the software or hardware being used.
59. Layering web technologies so that the content is
always accessible, regardless of access method,
connectivity, software, or hardware being used.
Layering web technologies so that the content is
always accessible, regardless of access method,
connectivity, software, or hardware being used.
Great experience, and great design are not about whether our websites look good, but whether our content is stored and structured in such a way that it
can be accessible, regardless of the way in which is requested, and regardless of the software or hardware being used.