Group items tagged the - UT Libraries Technology Pros

Design is the Rendering of Intent - 1 views

www.uie.com/...design_rendering_intent

design ux

shared by Jade Diaz on 02 Jan 14 - No Cached

Jade Diaz on 02 Jan 14

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."

<div class="cArrow"> </div><div class="cContentInner">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."</div>

...

Cancel

The Royal Marines / Royal Navy Website - 2 views

www.royalnavy.mod.uk/royalmarines

design usability examples

shared by matthewav on 31 Jul 12 - No Cached

matthewav on 31 Jul 12

We are not the demographic of this site. So, even if the topic doesn't appeal to all of us, the success of the site is well documented. Since the site's creation, the Royal Marines and Royal Navy have seen huge increases in qualified candidates and in meeting their recruitment goals. The case study of this site dealt with two main issues brought from the Client: 1) LOTS OF INFORMATION: One of the major successes of this site is that the target audience said they felt they were given all the information they needed to make their decision on joining the Royal Marines. 2) INTERACTIVITY: The site is PACKED with interactive elements: tests, maps, checklists, etc. ALSO OF NOTE: Gotta love the "English manner" in the way they tell you about cookies from their site (at the top of the homepage when you first arrive at the site). Click on "More About Cookies" and see how much info they provided.

<div class="cArrow"> </div><div class="cContentInner">We are not the demographic of this site. So, even if the topic doesn't appeal to all of us, the success of the site is well documented. Since the site's creation, the Royal Marines and Royal Navy have seen huge increases in qualified candidates and in meeting their recruitment goals. The case study of this site dealt with two main issues brought from the Client: 1) LOTS OF INFORMATION: One of the major successes of this site is that the target audience said they felt they were given all the information they needed to make their decision on joining the Royal Marines. 2) INTERACTIVITY: The site is PACKED with interactive elements: tests, maps, checklists, etc. ALSO OF NOTE: Gotta love the "English manner" in the way they tell you about cookies from their site (at the top of the homepage when you first arrive at the site). Click on "More About Cookies" and see how much info they provided.</div>

...

Cancel

AJAX and Accessibility- Standards Schmandards - 0 views

www.standards-schmandards.com/...ajax-and-accessibility

accessibility ajax

shared by Jade Diaz on 08 Aug 08 - Cached

Improving accessibility of AJAX forms Fortunately there are some things we can do to increase accessbility of AJAX forms. Here are my recommendations: Inform the user at the top of the form that it requires javascript or detect javascript automatically and warn the user when it isn’t available. If the form has many fields you will spare your users a lot of frustration. Everyone hates filling out a form just to find out that they can’t submit it. Inform the user that the page is updated dynamically. This is especially important for screen reader users and will help them decide when to trigger a re-read of the page. Make it possible to recieve an alert when information was updated. This may not be practically possible depending on the complexity of your form but will help a screen reader user a lot. Alert boxes are read by the screen reader and are usually displayed together with a sound. The checkbox should be displayed so it is clear that it is not part of the original form. Highlight recently updated areas for a short period of time. This will help sighted users understand what just happened. The nice folks over at 37signals have dubbed this “The Yellow Fade Technique” but you can use any colour you like. Check out Adam Michela’s code for another way of providing the fade.
...

Cancel

NCSU Libraries Find Articles - 0 views

www.lib.ncsu.edu/articles

search branding

shared by Jade Diaz on 03 Nov 11 - No Cached

Jade Diaz on 03 Nov 11

I like how they simply call Summon "Summon" on the Find Articles page and give the option to search the whole library world. Other than that they don't bother the user with branding and you get the same results for a search from the tabbed search on the homepage as a search on this page.

<div class="cArrow"> </div><div class="cContentInner">I like how they simply call Summon "Summon" on the Find Articles page and give the option to search the whole library world. Other than that they don't bother the user with branding and you get the same results for a search from the tabbed search on the homepage as a search on this page.</div>

...

Cancel

The Mobile Browser Is Dead, Long Live The App - 7 views

www.forbes.com/...wser-is-dead-long-live-the-app

redesign

shared by Jade Diaz on 27 May 14 - No Cached

Jade Diaz on 27 May 14

If we accept this, are there implications for our aim to design a responsive site?

<div class="cArrow"> </div><div class="cContentInner">If we accept this, are there implications for our aim to design a responsive site?</div>

...

Cancel
...1 more comment...
matthewav on 28 May 14

Wow, very interesting. The numbers tell the story of the browser use declining. The great increase was social media; people still use the browser on a computer to access the social media site. They don't download a Facebook application to install on their computer-they use the browser. But mobile-wise, that's a different beast. I still think we should create a site that is accessible to mobile devices rather than create an app. I think in the coming years, though, iOS/Android developers will probably be job positions here at UT. Great post, thanks for sharing.

<div class="cArrow"> </div><div class="cContentInner">Wow, very interesting. The numbers tell the story of the browser use declining. The great increase was social media; people still use the browser on a computer to access the social media site. They don't download a Facebook application to install on their computer-they use the browser. But mobile-wise, that's a different beast. I still think we should create a site that is accessible to mobile devices rather than create an app. I think in the coming years, though, iOS/Android developers will probably be job positions here at UT. Great post, thanks for sharing.</div>

...

Cancel
mason_jones on 30 May 14

I take issue with focusing on the amount of time spent in apps vs. mobile web. If you look at the breakdown, 68% of app time is on pure entertainment activities like gaming, social media and YouTube. Which makes total sense that people spend a disproportionate amount of time on those things. Plus that guy looks really annoying!

<div class="cArrow"> </div><div class="cContentInner">I take issue with focusing on the amount of time spent in apps vs. mobile web. If you look at the breakdown, 68% of app time is on pure entertainment activities like gaming, social media and YouTube. Which makes total sense that people spend a disproportionate amount of time on those things. Plus that guy looks really annoying!</div>

...

Cancel
matthewav on 30 May 14

RE: Mason-Good points, Señor Mason. But using inflammatory titles gets people reading. My next post will be "LIBRARIES ARE DEAD-EVERYTHING IS ON GOOGLE, ANYWAY".

<div class="cArrow"> </div><div class="cContentInner">RE: Mason-Good points, Señor Mason. But using inflammatory titles gets people reading. My next post will be "LIBRARIES ARE DEAD-EVERYTHING IS ON GOOGLE, ANYWAY".</div>

...

Cancel

WebAIM: Accessibility of AJAX Applications - Accessibility Issues - 0 views

www.webaim.org/ajax

accessibility ajax

shared by Jade Diaz on 08 Aug 08 - Cached

Another issue with AJAX is how the application interface is updated. When updates to the interface occur, it may not be visually apparent that a change has occurred. The problem is even more troublesome for screen reader users. Screen readers typically read in a linear fashion. When changes happen in the interface, the screen reader user may not be aware of the change and the new content will likely not be read.
...

Cancel
In short, to allow dynamic interface changes to be accessible, the application must alert the user that a change has occurred, allow direct access to the new content, and then allow continued functionality of the web application. This process, while difficult to achieve, especially for screen reader users, is possible to achieve in many AJAX applications.
...

Cancel

Free conference on user centered design for libraries - Austin, TX - 0 views

www.tsl.state.tx.us/...librarydevelopments

conference user experience

shared by Matt Lisle on 09 Jun 09 - Cached

Matt Lisle on 09 Jun 09

LITA Regional Institute on User Centered Design on July 24, 2009 at the Thompson Conference Center here in Austin. The speaker, Brenda Reeb, is the coordinator of the usability program at the River Campus Libraries, University of Rochester.

<div class="cArrow"> </div><div class="cContentInner">LITA Regional Institute on User Centered Design on July 24, 2009 at the Thompson Conference Center here in Austin. The speaker, Brenda Reeb, is the coordinator of the usability program at the River Campus Libraries, University of Rochester. </div>

...

Cancel

Zurb Uses Kia RWD as a Good Example. Yikes. - 1 views

www.mobilemarketer.com/...17254.html

design examples usability mobile RWD

shared by matthewav on 26 Mar 14 - No Cached

matthewav on 26 Mar 14

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.

<div class="cArrow"> </div><div class="cContentInner">Zurb story here: <a href="http://zurb.com/responsive/reading" rel="nofollow" target="_blank">http://zurb.com/responsive/reading</a> Kia's site is: <a href="http://www.kia.com" rel="nofollow" target="_blank">http://www.kia.com</a> 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.</div>

...

Cancel

In Search Of The Perfect CAPTCHA - 5 views

coding.smashingmagazine.com/...-search-of-the-perfect-captcha

libraries usability examples accessibility

shared by matthewav on 04 May 12 - No Cached

matthewav on 04 May 12

Information on CAPTCHA's basic philosophy and logic. There are some examples of non-standard CAPTCHA examples.

<div class="cArrow"> </div><div class="cContentInner">Information on CAPTCHA's basic philosophy and logic. There are some examples of non-standard CAPTCHA examples.</div>

...

Cancel
Jade Diaz on 08 May 12

Great post. It perfectly summarizes all my problems with captcha and the fact that there's not yet a good solution. I think that using computing power to recognize spammy submissions and weed them out (based on time it takes to complete the form or the language used in the post or the attached link) would work well for our purposes but ultimately we have to reduce/eliminate the benefit of spamming in order to stem the tide at the source.

<div class="cArrow"> </div><div class="cContentInner">Great post. It perfectly summarizes all my problems with captcha and the fact that there's not yet a good solution. I think that using computing power to recognize spammy submissions and weed them out (based on time it takes to complete the form or the language used in the post or the attached link) would work well for our purposes but ultimately we have to reduce/eliminate the benefit of spamming in order to stem the tide at the source.</div>

...

Cancel

Developing a Holistic Approach for E-Learning Accessibility - 0 views

www.cjlt.ca/...kelly.html

shared by Jade Diaz on 09 Jun 08 - Cached

If we were to comply with the WAI WCAG guidelines to this particular assessment it would have been necessary to amend the assessment to add ALT text to the images. However doing so would have changed the pedagogic purpose of the assessment and would not have tested that the students have acquired the stated learning outcomes.
- Jade Diaz on 09 Jun 08
  
  Accessibility efforts can actually hinder a learning module (e.g. if alt text gives the "answer" the student is supposed to figure out)
  
  <div class="cArrow"> </div><div class="cContentInner">Accessibility efforts can actually hinder a learning module (e.g. if alt text gives the "answer" the student is supposed to figure out)</div>
  
  ...
  
  Cancel
...

Cancel

The New Writer's Project - 0 views

newwritersproject.org

examples design

shared by Jade Diaz on 16 Dec 14 - No Cached

Jade Diaz on 16 Dec 14

This is not a ground-breaking site but there are a handful of things they're doing well that demonstrate how much simpler/better our design could be: 1. It's a visually interesting and attractive site without resorting to images sprinkled randomly throughout content. Each images has a home and a purpose. (We've got to move away from treating the web like a print layout where we allow our content folks to intersperse text with images) 2. The text on pages is structured well and utilizes nicely-styled headings and bulleted lists to make it easy to scan/digest lots of content. I also like how the B/W Feature images on the homepage become full color on hover. A nice touch. Also, nice use of white space to avoid overwhelming.

<div class="cArrow"> </div><div class="cContentInner">This is not a ground-breaking site but there are a handful of things they're doing well that demonstrate how much simpler/better our design could be: 1. It's a visually interesting and attractive site without resorting to images sprinkled randomly throughout content. Each images has a home and a purpose. (We've got to move away from treating the web like a print layout where we allow our content folks to intersperse text with images) 2. The text on pages is structured well and utilizes nicely-styled headings and bulleted lists to make it easy to scan/digest lots of content. I also like how the B/W Feature images on the homepage become full color on hover. A nice touch. Also, nice use of white space to avoid overwhelming.</div>

...

Cancel

Guess What?!? Task Design is Critically Important! - A hard-learned lesson » ... - 1 views

www.uie.com/...mportant-a-hard-learned-lesson

task design usability testing

shared by Jade Diaz on 27 Apr 12 - No Cached

Jade Diaz on 27 Apr 12

This will be important to keep in mind as we create usability tasks for the website testing. We can't give the answers away in the way we word the questions!

<div class="cArrow"> </div><div class="cContentInner">This will be important to keep in mind as we create usability tasks for the website testing. We can't give the answers away in the way we word the questions!</div>

...

Cancel

Scrolling Left to Right - 2 views

blogs.msdn.com/...ows-store-user-experience.aspx

shared by matthewav on 07 Feb 12 - No Cached

matthewav on 07 Feb 12

In this blog post by a Microsoft developer, there are examples of scrolling on a single webpage by moving left to right (vs. scrolling up and down). Also, some main navigational buttons and menus are now on the RIGHT side of the layout instead of the long-used left side of the layout location for these elements. I believe this is an example of the influence of touch screens on tablets, phones, and computers affecting the long held paradigm of left side menu navigation. The gesture navigation of touch screens is making another mark on design and layouts.

<div class="cArrow"> </div><div class="cContentInner">In this blog post by a Microsoft developer, there are examples of scrolling on a single webpage by moving left to right (vs. scrolling up and down). Also, some main navigational buttons and menus are now on the RIGHT side of the layout instead of the long-used left side of the layout location for these elements. I believe this is an example of the influence of touch screens on tablets, phones, and computers affecting the long held paradigm of left side menu navigation. The gesture navigation of touch screens is making another mark on design and layouts.</div>

...

Cancel

Wacom's Branding Statement - 1 views

www.wacom.com/our-passion

design examples branding marketing

shared by matthewav on 17 Mar 14 - No Cached

matthewav on 17 Mar 14

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

<div class="cArrow"> </div><div class="cContentInner">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): <a href="https://dfsoyk1v2p32a.cloudfront.net/us/~/media/Files/PDFs/Our%20Business/Company_brochures_EN_20131225.pdf?vs=1&d=20131226T080604" rel="nofollow" target="_blank">https://dfsoyk1v2p32a.cloudfront.net/us/~/media/Files/PDFs/Our%20Business/Company_brochures_EN_20131225.pdf?vs=1&d=20131226T080604</a></div>

...

Cancel

Core77 / design magazine - 0 views

www.core77.com

design inspiration

shared by matthewav on 05 Aug 08 - Cached

matthewav on 05 Aug 08

Industrial Design website: I'm not jazzed so much about the website; but the content features several examples of truly creative solutions to everyday issues. This is the kind of work that is not the "easy solution".

<div class="cArrow"> </div><div class="cContentInner">Industrial Design website: I'm not jazzed so much about the website; but the content features several examples of truly creative solutions to everyday issues. This is the kind of work that is not the "easy solution". </div>

...

Cancel

Will the Next Web Platform Please Hold Still? - 3 views

www.softwarequalityconnection.com/...web-platform-please-hold-still

development html5

shared by swilliams on 01 Jun 11 - No Cached

swilliams on 01 Jun 11

Great article on the current state of Web Development in relation to the term "HTML5".

<div class="cArrow"> </div><div class="cContentInner">Great article on the current state of Web Development in relation to the term "HTML5".</div>

...

Cancel
swilliams on 01 Jun 11

Great article on the current state of Web Development in relation to the term "HTML5".

<div class="cArrow"> </div><div class="cContentInner">Great article on the current state of Web Development in relation to the term "HTML5".</div>

...

Cancel

Video | DataEDGE Conference - 5 views

dataedge.ischool.berkeley.edu/...video

data DataEdge

shared by Aaron Choate on 13 Jul 15 - No Cached

australiafire liked it

Aaron Choate on 13 Jul 15

In early May of this year, I was fortunate to be able to attend the annual DataEDGE conference hosted by the University of California, Berkeley School of Information. This is a conference that focuses on developments in data science with some emphasis on work going on at Berkeley and more broadly in the Bay Area, and offers a range of presentations dealing with technical developments, workforce, and broader implications of data science. There is much here that will interest various segments of the CNI community, I thnk.

<div class="cArrow"> </div><div class="cContentInner">In early May of this year, I was fortunate to be able to attend the annual DataEDGE conference hosted by the University of California, Berkeley School of Information. This is a conference that focuses on developments in data science with some emphasis on work going on at Berkeley and more broadly in the Bay Area, and offers a range of presentations dealing with technical developments, workforce, and broader implications of data science. There is much here that will interest various segments of the CNI community, I thnk.</div>

...

Cancel

Project Mighty & Project Napoleon. - 2 views

www.behance.net/...8440167

design examples mobile branding marketing

shared by matthewav on 04 Mar 14 - No Cached

matthewav on 04 Mar 14

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.

<div class="cArrow"> </div><div class="cContentInner">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.</div>

...

Cancel

Atomic Is The Missing Interface Design Tool In Your Browser - 2 views

thenextweb.com/...-design-thats-entirely-browser

UX design prototyping interface tools workflow

shared by Jade Diaz on 20 Feb 15 - No Cached

matthewav on 20 Feb 15

Atomic is a browser based design application allows graphic/UI designers to create work that can be viewed and manipulated from within the browser. Designers can quickly share their ideas with a link and collaborators can give feedback right inside the product. (link sent by Aaron)

<div class="cArrow"> </div><div class="cContentInner">Atomic is a browser based design application allows graphic/UI designers to create work that can be viewed and manipulated from within the browser. Designers can quickly share their ideas with a link and collaborators can give feedback right inside the product. (link sent by Aaron)</div>

...

Cancel
Jade Diaz on 20 Feb 15

In-browser design/prototyping tool that could change the way we work in the future.

<div class="cArrow"> </div><div class="cContentInner">In-browser design/prototyping tool that could change the way we work in the future.</div>

...

Cancel

Plug-in To View Your HTML Live on a Mobile Device - 2 views

html.adobe.com/inspect

libraries design examples mobile google

shared by matthewav on 14 Mar 13 - No Cached

matthewav on 14 Mar 13

Adobe makes a plug-in that allows you to see on your mobile device exactly what you're working on (as long as it's on a server - like the dev server). I've found it very handy when working on something and wondering how it will look on the iPad. The plug-in works for a myriad of devices including droid stuff. You have to use it in Google Chrome and be signed in, but it's well worth the effort. Those of you with smart phones could load the plug-in on the smart phone and iPad at the same time.

<div class="cArrow"> </div><div class="cContentInner">Adobe makes a plug-in that allows you to see on your mobile device exactly what you're working on (as long as it's on a server - like the dev server). I've found it very handy when working on something and wondering how it will look on the iPad. The plug-in works for a myriad of devices including droid stuff. You have to use it in Google Chrome and be signed in, but it's well worth the effort. Those of you with smart phones could load the plug-in on the smart phone and iPad at the same time.</div>

...

Cancel

Group items tagged