Six Photo Frames to Download

At my job in the Marine Vertebrate Collection at Scripps Institution of Oceanography, I had to scan in old photo slides of fish using a slide scanner. The point was to digitize a large collection of slides of specimens in the collection, so the next step was to clean up the image, crop it, etc. As I was going through some of the files, I realized the slide borders would make good frames to go around digital photos.



I sent the slide files to myself to work on at home, and worked on removing the fish from the slides (to keep just the frame). The frames look good when applied with a blending mode over an image in Photoshop (or something similar), especially if you want to add a scratchy feel to the picture. I won't explain exactly how to do this (unless you ask me, in which case I'm happy to explain), but the frames I came up with are free to download and use as you wish here: https://docs.google.com/leaf?id=0B9...=en. If the link doesn't work, it means I took the file down, but just email me and I can send it if you want it.

COGS 102C Week 1

In the past, I'd taken Human-Computer Interaction courses whose textbooks described a number of analytical and design techniques for product development -- terms like Activity Theory, Cultural Models, and the DECIDE Framework. We never really explicitly used any of the methods described in the textbooks, and I always felt that these methods seemed a little forced, and that in real user experience design, the process wasn't quite as rigid. At other times, I felt that the processes all seemed about the same, with a few minor tweaks between them. Even in the text book for COGS 102C (Cognitive Design Studio), the three processes (Lightning Fast, Lightning Fast +, and Focused Rapid Contextual Design) all seem to be about the same. It'll be interesting to see just what technique we use during this class.

And I'll admit that even the beginning chapters of the COGS 102C textbook had me feeling the same way: "great, more terms that I'll never use." I mean, much of it seemed useful, like the fact that the textbook described user personas, prototypes, storyboards, etc. I'd used these before and understand their use. But other things just seemed unhelpful.

However, after watching both a video about IDEO and hearing students from previous years speak, I realized that the stuff I'd always read about in these books really is used in the real world. The video showed the design firm IDEO quickly (in just one week!) redesigning the traditional metal-grid-frame shopping cart that we all know and probably don't love. I found it particularly interesting how much time the team spent just brainstorming ideas before even conducting any research. They next interviewed and observed a bunch of users in the field (i.e. in grocery stores) and then continued their brainstorming to address the issues that people had. In the projects I've done in the past, my favorite part was always talking with the users and understanding them and their requirements, so it was encouraging to see that this was a very central part of the design process.

Several students came in and discussed their experiences in the class as well, which I found to be pretty helpful. Where as I had initially been focused on digital interfaces and physical products, these students discussed redesigning physical places/spaces, which is something I hadn't thought of. Additionally, they talked about how they went through each step of the processes described in the textbooks, which came as a surprise to me.

For COGS 102C, we have to form a group and redesign something based on the methods covered in the class. I have a small group formed already, and we've begun brainstorming project ideas. It's already been a good learning experience to just come up with ideas without even doing any research. I don't want to give away any of our ideas quite yet, but I think we have some good things to build on. One problem I'm running into is figuring out what the correct scope of the project is. I'm not sure whether our ideas are too big or whether others are too small. I'm sure we'll be able to narrow it down later, though.

Initially, we started brainstorming on a Google Doc, which was pretty good, but it was a little hard to have conversations about particular sections of the document. We tried Google Groups next, but at this brainstorming stage, while it's easy to have conversations, it's hard to have a list of ideas without the conversations. We're now trying Google Wave, and it seems to be working pretty well so far. It's really easy to have conversations about particular points while still maintaining a full list of the ideas. By the way, if anyone wants a Google Wave invitation, I have 21 available, so let me know!

Photography E-zine

The newest project to be added to my portfolio is a photography "e-zine," or a collection of organized links. We had to choose a topic, then make a website with a bunch of links to other useful websites. I've worked harder and longer on this project than probably any other project ever, so I'd appreciate it if you'd take a look. Check out the Web Development and Design section of my portfolio for more details, or go to the page directly.

The Last Internet Explorer Problem??

I think I've fiiinally tackled my last Internet Explorer* problem (famous last words, right?). I'd been using some blank XML tags, which Internet Explorer didn't like. I ended up just filling in empty XML tags with "blank" and telling Javascript to treat them like empty tags (e.g. don't write "View in Map" if there's no geolocation data in the XML file for that particular picture).

Additionally, I've added full-size versions of almost every picture, so every picture (besides the Misc. section) should load in a Shadowbox pop-up; I've also added metadata to just about every picture, so, when applicable, you should see shutter speed, aperture, ISO, focal length, date, etc. for each picture.

* I've written everything so that it will display properly in Internet Explorer 8; I have no idea how it does in IE <8 but I'm guessing it won't work very well, if at all.

IU.edu Information Architecture Redesign

I've posted our third main project in my Cognitive Aspects of Multimedia Design class. We were required to come up with five user personas and appropriate scenarios/goals, analyze at least five similar university sites, and then construct a new structure of navigation for the Indiana University website. More information can be found on the Web Development and Design page of my portfolio.

Shadowbox and Geolocation

After some commentary on my COGS 187A portfolio, I decided to implement a way to view the images on the website at a larger size, especially since some of the pictures (like portrait layout) are rather small. Although I originally wanted this website to be completely my own work, I decided to implement Shadowbox, a Javascript and CSS tool that allows an easy way to preview images (and videos, HTML pages, etc) within the current webpage. I'm currently in the process of including full size images; at this point, some images are clickable, but don't have a full version to display yet. I'm trying to get this resolved quickly by adding full versions of each picture, but it's not quite done yet.

I also added a geolocation feature to the photography section. If I've attached geolocation to a picture (via the XML file), a link to "View map" will be displayed under the image description. When clicked, a small pop-up (again, via Shadowbox) will appear, showing the location of the picture in a small Google Map view. I'm also in the process of adding this to more and more pictures, so expect to see that more soon.

IU.edu Site Usability Evaluation

Our most recent project in COGS 187A (Cognitive Aspects of Multimedia Design) was to evaluate the Indiana University website in a small group, then prepare a website displaying our critique. Our evaluation can be found at mattsoave.com/cogs187a/site_eval.

Overall, I thought it was interesting to look at a website with certain heuristics in mind. It really helped me notice a lot of flaws that hinder the website's effectiveness and efficiency.

More Internet Explorer

After some more work, I think I've finally got the website working in Internet Explorer. Mostly. The style and formatting isn't 100% perfect yet, but at least all the content seems to display. Let me know if you have any problems with displaying any of the content in any browser.

Internet Explorer Problems

Although I'd thought I'd worked out the problems my website was having with Internet Explorer, but the next time I tested it, there were still quite a few problems. I haven't quite fixed everything yet, but I'm getting there. I've set up Google Analytics and see that, so far, I have some users who are using Internet Explorer. Even though it would be much easier to say "sorry, I'm not supporting IE," I want to make the website easily accessible to everyone. Hopefully I'll get it working soon.

Welcome!

Welcome to my website! I finally got around to purchasing some web hosting and a domain name. Luckily, I have a pretty uncommon last name, so mattsoave.com was available!

At this point, this portfolio is made up primarily of random content I pulled from throughout my hard drive; I simply wanted to get some content up to begin creating the website. I'll be adding more content in my free time.

For now, I'm ironing out some kinks, especially some problems I found when I opened the website in Internet Explorer for the first time. It required a bit of work getting it to work right across different browsers, but as far as I can tell, things should be working smoothly now. Although it was frustrating at first, it was probably a good exercise in web design.

In addition to this portfolio, I made a separate portfolio for one of my classes (Cognitive Aspects of Multimedia Design / COGS 187A). That portfolio can be found under the Design and Web Development sections, or simply at mattsoave.com/cogs187a.