UT Libraries Technology Pros

Parts that stood out for me: "Over the last year, we've started explaining design as "the rendering of intent." The designer imagines an outcome and puts forth activities to make that outcome real." "It seems pretty clear to us that the Global Entry team had a typical intention of many government (and non-government) design teams: get the service up and running... In contrast, the We The People team wanted to showcase that a government design team can produce designs on par with the best non-government commercial teams." "Well, everyone who participates in the rendering of their intention is a designer, using this definition." "Many of our design deliverables, such as wireframes, prototypes, and style guides, are as much about getting agreement on what we intend as they are to move our intentions closer to done."

Some good points & good resources here. Lots of agreement with Hay, but some other suggestions, too.

More handy resources...

More justification for taking a hard look at content to start a responsive project.

Emulates all desktop and mobile browsers.  Free trial.

should we compare this to crossbrowser (http://crossbrowsertesting.com/ -- password in stache) -- (looks better at first blush)

It's a half humorous, half serious look at what design will be in the year 2033. Very insightful if you can read between the lines.

This company was created by UT students. They use the Oculus to provide accessibility to Users.

This is a Chrome extension that will resize your browser window to the break points in the code of the current site you are viewing. Those sites without breakpoints show a blank window in the extension. Responsive Inspector is helpful to see all of the breakpoints a particular site uses. Some have several breakpoints, other sites have just a few. It's a good learning tool. It's a wee bit buggy sometimes, but it's being updated regularly. If this link does not work, just search for "Responsive Inspector" in the Chrome browser Extensions.

Justification for moving into web-based mockups

Again, neato. Thanks for sharing.

Style guides info with suggested tools

How fun. Thanks for sharing.

PLEASE READ THIS FOR TIS BRANDING PURPOSES: This Austin company took EIGHT MONTHS to create their logo. They had their branding and creative statements already completed. I will be e-mailing, a second time, to everyone the branding document I created for TIS. Aaron asked that everyone be prepared to talk about the TIS branding for the 13 March, Thursday, TIS staff meeting.

Adobe's Project Mighty and Project Napoleon are cloud enabled hardware. They enable a designer to carry his style anywhere he can access Adobe's cloud. Mighty is the stylus. Napoleon is the "shape tool". The stylus, among other things, can create a Kuler color profile from your iPhone, then paste that profile onto your iPad. You can cut & paste across multiple devices. The future of design is giving designers the ability to create at the same professional quality while on the road as they do when there at their desks.

I'm sure we're all familiar with Wacom, but I'm not sure if everyone realizes how HUGE and IMPORTANT they are. I mention this because Wacom is not just a company that produces the little tablets we see on people's desks. They provide THE tools of choice for the movie industry, television industry, vehicle companies and huge business to business entities. The little Wacom tablet and stylus I have at home and on my desk at work are not the main streams of income for this company. I wanted to clarify this because their Branding Statement reflects the ideals of a huge, worldwide, trend-setting company that is the leader in ALL of their product categories. Here is a link to their PDF download of their Branding Statement (you may have to cut and paste the URL below): https://dfsoyk1v2p32a.cloudfront.net/us/~/media/Files/PDFs/Our%20Business/Company_brochures_EN_20131225.pdf?vs=1&d=20131226T080604

Zurb story here: http://zurb.com/responsive/reading Kia's site is: http://www.kia.com Number 6 is Kia's new RWD. I went to the kia.com site and the RWD was pretty awful. * MIN WIDTH: -- images and text are blurry. -- horizontal nav completly disappears. -- the 3 stacked horizontal bars that should pull up a menu.....don't. They drop the main page and you're stuck facing a carousel and some monumental horizontal and vertical scrolling to see only models of vehicles. * MAX WIDTH: -- they don't have a max width and try to stretch into infinity. Stretched across 2 or 3 of my displays and I have the full site.....blurry. * MOBILE SITE: -- it's a mini-version of the main desktop site. -- this works well on the iPad in both vertical and horizontal orientation. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ I've seen great RWD when the min- and max-width are defined and the three horizontal bars become what used to be the horizontal navigation. But Kia's desktop RWD fall short in my opinion. If anyone ever reads this, I wonder what their impressions would be.

Interesting crowdbased option for captioning and subtitling video

Some URLs of other carousel plug ins we might consider or use for inspiration: http://codecanyon.net/item/advanced-slider-jquery-xml-slider/full_screen_preview/132618 http://coolcarousels.frebsite.nl/c/28/ http://coolcarousels.frebsite.nl/c/34/ http://coolcarousels.frebsite.nl/c/6/ http://coolcarousels.frebsite.nl/c/26/ http://coolcarousels.frebsite.nl/c/7/ http://coolcarousels.frebsite.nl/c/13/ http://coolcarousels.frebsite.nl/c/39/ http://coolcarousels.frebsite.nl/c/68/ http://coolcarousels.frebsite.nl/c/38/ http://coolcarousels.frebsite.nl/c/25/ http://wowslider.com/?gclid=CIDozI7TuL4CFSsV7AodpBcA8w http://codecanyon.net/item/jquery-content-scroller-dzs/full_screen_preview/3827946 http://codecanyon.net/item/multipurpose-bookshelf-slider-jquery-plugin/full_screen_preview/1985655 http://codecanyon.net/item/everslider-responsive-jquery-carousel-plugin/full_screen_preview/5132868 http://themes.themepunch.com/?theme=showbizpro_jq

crowd sourced card sorting

crowd sourced card sorting

Good example of an At a Glance Branch page that incorporates key information: -hours -map -floor plans -contact info -service points -subjects -equipment