{"id":8,"date":"2007-11-24T15:06:49","date_gmt":"2007-11-24T19:06:49","guid":{"rendered":"http:\/\/www.jfciii.com\/blog\/2007\/11\/24\/finally-my-notes-from-an-event-apart-chicago-2007\/"},"modified":"2012-08-25T07:54:09","modified_gmt":"2012-08-25T11:54:09","slug":"finally-my-notes-from-an-event-apart-chicago-2007","status":"publish","type":"post","link":"http:\/\/www.jfciii.com\/blog\/2007\/11\/24\/finally-my-notes-from-an-event-apart-chicago-2007\/","title":{"rendered":"Finally My Notes from An Event Apart Chicago 2007"},"content":{"rendered":"

Finally got around to finishing up my post about the actual two days at the An Event Apart<\/a> conference in Chicago on August 27 – 28, 2007. I had\u00a0 a great time both at the conference and at the different gatherings each evening. I learned as much if not more at the evening events as I did during the day at the conference.<\/p>\n

Please download all my notes<\/a>, below is just an overview of some of the things I learned. The following is a summary of what happened by day ad speaker.<\/p>\n

DAY – 1<\/h3>\n

The first speaker of the conference was Eric Meyer<\/a> and his topic of discussion was “Secrets of a CSS Jedi<\/strong>“\u009d. He showed that you could use tables and CSS to create pages that end up displaying graphs<\/a>. I had seen his earlier article<\/a> about this and had worked on creating forms to allow you to enter the amounts and then put out the graphs. It is now time to work on this again, since Eric has changed the graphs from being pixel based to now be EMs based.<\/p>\n

The next presenter was Jeffrey Zeldman<\/a> and he talk3d about “Writing the User Interface<\/strong>“\u009d. His three big points were:<\/p>\n

    \n
  1. Content is King.<\/li>\n
  2. Design helps people read less.<\/li>\n
  3. When people read less every word counts.<\/li>\n<\/ol>\n

    Next to speak was Jason Santa Maria<\/a> on the topic of “Designing Your Way Out of a Paper Bag<\/strong>“\u009d. His main topics were:<\/p>\n

      \n
    1. Branding.<\/li>\n
    2. Layout.<\/li>\n
    3. Hierarchy and focal Point.<\/li>\n<\/ol>\n

      Jason also recommended three different books during his talk.<\/p>\n

        \n
      1. “Thinking with Type”<\/a> Ellen Lupton<\/li>\n
      2. “Grid Systems (Raster Systeme)”<\/li>\n
      3. “Making and Breaking Grids<\/a>“\u009d – Timothy Samara<\/li>\n<\/ol>\n

        After Jason finished talking we had like an hour and a half\u00a0 lunch break. The food was great and I ate way to much.<\/p>\n

        This made the first afternoon talk by Lou Rosenfeld<\/a> (“Search Analytics for Fun and Profit<\/strong>“) a bit uncomfortable because I ate a great deal. Lou talked a lot about making sure you review your website search information to see what people are looking for and where they go once they have searched. You might be able to make a few changes to your website that will greatly improve peoples ability to find certain information. Here are a list of his points:<\/p>\n

        Querying you Queries and Getting Started<\/strong><\/p>\n

          \n
        1. Most frequent unique queries.<\/li>\n
        2. Frequent queries retrieving quality results.<\/li>\n
        3. Click through rates.<\/li>\n
        4. Most frequently clicked results\/query.<\/li>\n
        5. Frequent queries with zero results.<\/li>\n
        6. What are referrer pages for frequent queries.<\/li>\n<\/ol>\n

          You should look for what type of meta data people are looking for in their searches.<\/p>\n

          By typing “site:jfciii.com<\/strong>” into Google’s search box will give you search results from the website you put after the”site:<\/strong>“\u009d.<\/p>\n

          Next, Liz Danzico<\/a> talked about “The Seven Lies of Information Architecture<\/strong>”<\/p>\n

            \n
          1. Navigation should be consistent between pages on a website give or take a little bit.<\/li>\n
          2. Allow users may need to get to any part of the website at any given time or place.<\/li>\n
          3. User experience must be seamless.<\/li>\n
          4. Shorter is better.<\/li>\n<\/ol>\n

            Dan Cederholm<\/a> – “Interface Design Juggling<\/strong>”<\/p>\n

            He suggests starting with colors and use two colors or less. Meaning stay in the same color range just use different tones and hues. He sometimes just goes to Photoshop and starts dumping paint using the paint can.<\/p>\n

            Two add texture use noise filter.<\/p>\n

            Make sure you read “Web Design is 95% Typography<\/a>“\u009d.<\/p>\n

            Get on mailing lists for type foundries.<\/p>\n

              \n
            1. Hoefler & Frere-Jones<\/a><\/li>\n
            2. myfonts.com<\/a><\/li>\n
            3. veer.com<\/a><\/li>\n<\/ol>\n

              Dan was the final speaker for day 1.<\/p>\n

              DAY – 2<\/h3>\n

              Jermey Keith – Adactio.com <\/a>and ClearLeft.com<\/a><\/p>\n

              Presentation slides<\/a><\/p>\n

              Be Pure<\/strong> with how you write your code and do your work.<\/p>\n

              You need<\/p>\n

                \n
              1. content<\/li>\n
              2. structure<\/li>\n
              3. presentation<\/li>\n
              4. behavior<\/li>\n
              5. HTML<\/li>\n
              6. CSS<\/li>\n<\/ol>\n

                Be Vigilant<\/strong> and try not to put in extra stuff to your code or content.<\/p>\n

                To build an AJAX website first build a plain website and once working correctly then add in the AJAX.<\/p>\n

                Show where things were changed or updated when using AJAX. Look at 37 signals “Yellow Fade<\/a>“\u009d.<\/p>\n

                Test early and test often.<\/p>\n

                Luke Wroblewski <\/a>– “Best Practices for Form Design”\u009d – Yahoo<\/p>\n

                Why Forms Matter?<\/p>\n

                  \n
                1. They make money.<\/li>\n
                2. Give access to communities.<\/li>\n<\/ol>\n

                  Label Alignment depends on what you are doing.<\/p>\n

                    \n
                  1. Top alignment is better for familiar data.<\/li>\n
                  2. Right alignment is better for more difficult data. It makes you think before answering the questions.<\/li>\n
                  3. Left alignment is better for unfamilar information.<\/li>\n<\/ol>\n

                    Matteo Pemzo has a great article on “Eye Tracking Data<\/a>“.<\/p>\n

                    Group data on forms of like kinds together using fieldsets.<\/p>\n

                    Take data user gives you and format it yourself. Only give error if completly incorrect.<\/p>\n

                    Derek Featherstone – “Accessibility Lost in Translation”\u009d – Box of Chocolates<\/a> and FutureAhead<\/a><\/p>\n

                    Presentation slides<\/a><\/p>\n

                    Create an accessible user experience.<\/p>\n

                    Remember to use keyboard and mouse interaction.<\/p>\n

                    Require fewer page refreshes.<\/p>\n

                    Screen readers need “alt text”if there is none, it reads source attribute which can be very weird.<\/p>\n

                    Size forms and everything in EMs to make it scale for even borders, padding, etc. this makes it better and does not break pages easily.<\/p>\n

                    Submit button should be last in code order.<\/p>\n

                    Eric Meyer – “The State of CSS in an IE7 World”<\/p>\n

                    He talked about IE7 adding the followig items.<\/p>\n