SitePoint Sponsor

User Tag List

Results 1 to 10 of 10
  1. #1
    SitePoint Wizard DoubleDee's Avatar
    Join Date
    Aug 2010
    Location
    Arizona
    Posts
    3,764
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)

    Content vs. Design

    This is driving me CRAZY!!!!

    So I am finally migrating over data to my new MacBook Pro, and I'm trying to come up with the ultimate filing system for all of the crap on my HDD!!

    While creating an organizing scheme, I seem to have "hit a wall" on the topic below...

    What is the difference between "Content" and "Design"??


    Right now I have the following Folders/Sub-Folders set up...
    Code:
    CONTENT RESEARCH
    - WRITTEN
    - AUDIO
    - VIDEO
    - PHOTOS
    - SURVEYS
    
    
    DESIGN RESEARCH
    - CHARTS
    - GRAPHICS
    - WEB OBJECTS
    - PAGE LAYOUT
    - LOGOS
    - BUTTONS
    - BACKGROUNDS
    (*NOTE: The purpose of these two directories is place for me to store things as I do research for upcoming articles. It is also a place to store stuff that looks interesting, and can serve as inspiration for both the "Content" and "Look and Feel" of my website...)


    When I created these, I was using the term "Design" to mean "The look and feel of my website, i.e. how it is designed..."

    But here is the problem...

    Being a Business Systems Analyst by trade, when someone says "Design" to me I think of the Software Development Lifecycle (SDLC) and...
    Code:
    Analysis ---> Design ---> Development ---> Testing ---> Go Live

    Really what I am setting up now is a place to keep all of my research for my website *after* it goes live. In other words, what will fill up my website.

    So, yeah, I could have *two* "Design" folders, but that just seems confusing?!

    Deep down, I guess I want a different name for the stuff above I am calling "Design", because to me "Design" is more like Entity-Relationship Diagrams (ERDs) and Unified Modeling Language (UML) and Architectural Designs...

    Is any of this making any sense?!

    Sincerely,


    Debbie

  2. #2
    Barefoot on the Moon! silver trophy Force Flow's Avatar
    Join Date
    Jul 2003
    Location
    Northeastern USA
    Posts
    4,606
    Mentioned
    56 Post(s)
    Tagged
    1 Thread(s)
    Visit The Blog | Follow On Twitter
    301tool 1.1.5 - URL redirector & shortener (PHP/MySQL)
    Can be hosted on and utilize your own domain

  3. #3
    Avid Logophile silver trophy
    ParkinT's Avatar
    Join Date
    May 2006
    Location
    Central Florida
    Posts
    2,332
    Mentioned
    192 Post(s)
    Tagged
    4 Thread(s)
    Don't forget that OSX allows you to define comments and tags to files or folders.
    And then you can craft searches based on those (among others) as criteria. You can even save your favorite searches.

    We all face the problem of organizing our data. And I adopted the philosophy (long ago) that it is far more important to quickly access my data rather than have it well organized.
    I believe it is human nature to try to apply some organization. I have been bucking that internal force and focus more on making USE of it.

    HTH


    Off Topic:


    BTW: Welcome to the world of the MacBook. I have been enjoying mine ever since I switched (after two decades in the PC world).
    Don't be yourself. Be someone a little nicer. -Mignon McLaughlin, journalist and author (1913-1983)


    Git is for EVERYONE
    Literally, the best app for readers.
    Make Your P@ssw0rd Secure
    Leveraging SubDomains

  4. #4
    SitePoint Wizard DoubleDee's Avatar
    Join Date
    Aug 2010
    Location
    Arizona
    Posts
    3,764
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    That doesn't help.

    Care to tell me what YOU think about the situation I described?

    Sincerely,


    Debbie

  5. #5
    SitePoint Wizard DoubleDee's Avatar
    Join Date
    Aug 2010
    Location
    Arizona
    Posts
    3,764
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by ParkinT View Post
    Don't forget that OSX allows you to define comments and tags to files or folders.
    And then you can craft searches based on those (among others) as criteria. You can even save your favorite searches.

    We all face the problem of organizing our data. And I adopted the philosophy (long ago) that it is far more important to quickly access my data rather than have it well organized.

    I believe it is human nature to try to apply some organization. I have been bucking that internal force and focus more on making USE of it.
    And the way you "quickly access" data is by have it *very* ORGANIZED!!


    So how about your thoughts on the specific example I gave in my OP...


    Is this stuff "Design" to you??
    Code:
    DESIGN RESEARCH
    - CHARTS
    - GRAPHICS
    - WEB OBJECTS
    - PAGE LAYOUT
    - LOGOS
    - BUTTONS
    - BACKGROUNDS

    More so, what does the word "Design" mean to you?


    If you have any technical background, then obviously you'd say that things like ERD's and UML are examples of "Design".


    But what, then, is the "Look and Feel of a Webpage??"

    A lot of people on SitePoint are "Web Designers" which use HTML, CSS, Flash, Colors, Buttons, Backgrounds, Border, and so on to "design" pretty webpages, right?


    --------
    When I was in bed last night, this thought occurred to me...

    Maybe I could consider "GRAPHS" and "CHARTS" to be CONTENT, and the rest of the stuff could indeed be classified as DESIGN, but the kind of design that *precedes* my website going live...

    That is to say...

    In the SDLC...
    Code:
    Analysis ---> Design ---> Development ---> Testing ---> Go Live
    ...a person probably cares about these things...

    Code:
    - WEB OBJECTS
    - PAGE LAYOUT
    - LOGOS
    - BUTTONS
    - BACKGROUNDS
    ...during the "Design" and "Development" phases of a project, and not so much after the website goes live.

    So when I am collecting ideas for my website, I probably care about the items above during "Design" and "Development", while things like "Graphs" and "Charts" are more a function of the "Content" that I am writing *after* the website is live.

    For example, I would need to decide on a Logo and Page Layout and Background/Font Colors *during* "Design" and "Development". And then after the website is up and running, if I write an article called "Postage Meters Can Save You Money", then at that time I might create a Graph or Chart related to said article, so they would really be part of the "Content".

    Follow me? :



    Quote Originally Posted by ParkinT View Post
    Off Topic:


    BTW: Welcome to the world of the MacBook. I have been enjoying mine ever since I switched (after two decades in the PC world).
    Oh, I lost my "Mac Virginity" back in 2008!

    I am just setting up a new MacBook Pro to replace my crumbling - quite literally - old white 2008 MacBook.

    Sincerely,


    Debbie

  6. #6
    Barefoot on the Moon! silver trophy Force Flow's Avatar
    Join Date
    Jul 2003
    Location
    Northeastern USA
    Posts
    4,606
    Mentioned
    56 Post(s)
    Tagged
    1 Thread(s)
    I see them as pretty much as they are defined. Content is information conveyed through the written word or multimedia. Design is what makes stuff pretty to look at.

    Design is not content and content is not design, although each relies on the other in order for the information to be delivered to your brain.

    What you use for your personal organization methods is totally up to you. I work in a slightly different way, and your way might not work for somebody else. Everybody has their own way of organizing their thoughts and their files.
    Visit The Blog | Follow On Twitter
    301tool 1.1.5 - URL redirector & shortener (PHP/MySQL)
    Can be hosted on and utilize your own domain

  7. #7
    SitePoint Wizard bronze trophy bluedreamer's Avatar
    Join Date
    Jul 2005
    Location
    Middle England
    Posts
    3,354
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    I'd say it's really a case of organising your data folders in a way that makes sense to you, ask 10 people on here how they organise their data and you'll probably get 10 different answers!

  8. #8
    SitePoint Wizard DoubleDee's Avatar
    Join Date
    Aug 2010
    Location
    Arizona
    Posts
    3,764
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Force Flow View Post
    I see them as pretty much as they are defined. Content is information conveyed through the written word or multimedia. Design is what makes stuff pretty to look at.

    Design is not content and content is not design, although each relies on the other in order for the information to be delivered to your brain.
    To you, what is a Chart or Graph? (Content or Design?)

    What about an Illustration? (Content or Design?)


    Quote Originally Posted by Force Flow View Post
    What you use for your personal organization methods is totally up to you. I work in a slightly different way, and your way might not work for somebody else. Everybody has their own way of organizing their thoughts and their files.
    So how do you organize things on your hard-drive?

    Sincerely,


    Debbie

  9. #9
    SitePoint Wizard DoubleDee's Avatar
    Join Date
    Aug 2010
    Location
    Arizona
    Posts
    3,764
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by bluedreamer View Post
    I'd say it's really a case of organising your data folders in a way that makes sense to you, ask 10 people on here how they organise their data and you'll probably get 10 different answers!
    The last few days things seem to be clearer for me.

    When I started out I was getting confused because writing an article seemed to include "design" decisions as well, like..

    - Do I want a Graph or Chart?
    - Should there be Photos?
    - Do I need a different Page Layout?


    But after kicking things around, this is how I see things...


    When I am building my Website, I have these areas/phases...
    Code:
    Analysis ---> Design ---> Development ---> Testing ---> Go Live

    Then after the website is built, and I need to start filling it up with stuff I have...
    Code:
    Content Research ---> Content Development ---> Published Content

    Please feel free to disagree, but I think all of the following could be considered "Content"...
    Code:
    - Writing
    - Audio
    - Video
    - Graphics/Illustrations
    - Graphs/Charts
    So, after I write an Article, if I decide to add some supporting Photos and Charts, then those are part of the "Content", and would be done *after* the website is built.

    By contrast, if I decide to change the Page Layout, the Page "Look and Feel", Create New Buttons or Logos, or whatever, then those things would most likely be happening back when the website is being built, and so those things would fall under the traditional (Website) "Design".

    And so back to my OP, if I need a place to keep track of other Articles or Photos or Charts or Graphs from the Internet to research an Article that I am writing, then those would all fall under "Content Research".

    And if I come across cool Buttons or Page Layouts or Backgrounds or CSS Features from the Internet, then those would fall under "Design" (or "Design Research") and really be separate from the "Content".

    Follow me?!

    Sincerely,


    Debbie

  10. #10
    Barefoot on the Moon! silver trophy Force Flow's Avatar
    Join Date
    Jul 2003
    Location
    Northeastern USA
    Posts
    4,606
    Mentioned
    56 Post(s)
    Tagged
    1 Thread(s)
    Quote Originally Posted by DoubleDee View Post
    To you, what is a Chart or Graph? (Content or Design?)

    What about an Illustration? (Content or Design?)
    I suppose that would depend upon the content.


    So how do you organize things on your hard-drive?
    My web development stuff I mostly organize by project or by technology. I also have sections for technique testing, mock-ups, design/layout, and a few other things.

    Then of course I have different methods of organization or other disciplines outside of web development which are organized completely differently. There's no one way to organize your data.
    Visit The Blog | Follow On Twitter
    301tool 1.1.5 - URL redirector & shortener (PHP/MySQL)
    Can be hosted on and utilize your own domain


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •