Desktop and enterprise software design

September 27, 2016

UX and UI resources, inspiration

Designing Interfaces (Tidwell), book

About Face 2.0

History and design background of Microsoft Word, probably the oldest software still in use.
https://channel9.msdn.com/Events/MIX/MIX08/UX09

User Interface Design and the change from desktop computing

(skip the last part about VMware marketing rant; insight into interface trends. Why are apps so much easier to use? Will desktop software look and feel more like apps in the near future?)

 


Zoom effect

March 10, 2016

Powerpoint

Make a Magnifying Glass Effect in PowerPoint

  1. Duplicate the layer
  2. Crop as a circle
  3. Add Bevel with height 18

Sketch

 

Other

How To Create A Simple Zoomed Effect On Screenshots In GIMP

 

 

keywords: portfolio


Interaction design discussion forums

June 13, 2011

Get feedback, free expert opinion and answers to your UX related queries

Last updated: 2 Aug 2011

http://discussions.ixda.org/  TIP   (previous forum archived at http://www.ixda.org/discuss.php
http://ux.stackexchange.com/   (Dutch moderator) +
http://www.conceptfeedback.com  (get expert feedback on your designs/wireframes) – search what experts (elite members) say by Googling: <keyword terms here>” concept elite OR titan site:www.conceptfeedback.com   TIP
SIGIA-L Mailing List http://www.info-arch.org/lists/sigia-l/ OR @ http://mail.asis.org/mailman/private/
CHI-WEB http://listserv.acm.org/scripts/wa.exe?A0=CHI-WEB (seems quiet)
High five babble @ http://www.babblelist.com/ – more about web dev than des  (subscribed via Yahoo groups)
Ask Eric Q&A – http://www.humanfactors.com/downloads/askericanswers.asp
http://hfiuxcentral.ning.com/forum
http://groups.google.com/group/nl.internet.www.ontwerp/topics (Dutch)
http://stackoverflow.com/questions/tagged/usability (programmer oriented but great answer/voting system)
http://www.sitepoint.com/forums/accessibility-usability-191/
http://www.quora.com/Interaction-Design?q=Interaction+design   (frequented by Dan Saffer)
http://www.cre8asiteforums.com/forums/index.php   (focus on internet marketing, SEO and site planning, but also usability, persuasive design)

More sites @ http://iainstitute.org/ and http://www.uxpond.com/sites.html

Many more @ LinkedIn groups   TIP


Website directories, reviews and awards sites

April 4, 2011

Looking for a best website in it’s genre?

Ranking engines
Alexa

Website rewards
http://www.webbyawards.com/

http://www.awwwards.com/  (orange = usability ; filters/tags for responsive etc) +
http://mashable.com/openwebawards/home/
http://www.iavisarts.org/winners-gallery-search.php?&event_id=2&entry_type=Websites&category_id=253 # (websites awarded for their visual appeal)
http://crunchies2008.techcrunch.com/nominations/   –
http://americandesignawards.com   (awards web agencies)
Time magazine’s slightly outdated The 25 Best E-commerce sites
BusinessWeek top sites of 2011
http://www.forbes.com/bow/b2c/main.jhtml   x

http://www.dutchinteractiveawards.nl/

Product/concept awards

https://www.cooperhewitt.org/national-design-awards/

 

Website reviews

http://www.thegoodwebguide.co.uk

Directories (ranked)
Yahoo!?
http://www.dmoz.org/
http://www.google.com/dirhp (with Google Rankings)
http://www.ciao.co.uk/Internet_11531_1

Ranked but not categorised
http://xomreviews.com

Find similar and alternative sites
Google trick 1 = link:URL
Google trick 2 = type part URLs or site names to find similars and alternatives


More

http://www.linkedin.com/groupAnswers?viewQuestionAndAnswers=&discussionID=3761378&gid=3754&trk=EML_anet_qa_ttle-0Pt79xs2RVr6JBpnsJt7dBpSBA


Usability heuristics

September 30, 2010

Checklist

Does the wireframe …
  1. Ease of use / usability / navigation    – for specific interactions and overall site experience
  2. Confirm understandings and check for misunderstandings of information
  3. Avoiding Incompleteness and overcompleteness of information –  getting the information that is needed at the right time versus not being overloaded with content that they don’t need.
  4. Match expectations – giving users the right information in the right form/tone at the right time. Exceed expectations, if done well, can give a positive experience.
  5. Avoid annoyances (discomfort, uncertainty, confusion) –  any tasks for which users have to think too long, look around frantically on the site or page, or hesitate to long
  6. Meet the needs – allow users to accomplish their  goals and tasks

Visual design

  • Images should not distract from the main call-to-action.
  • Images should not look as if they’re clickable if they are not
  • The call-to-action should stand out using contrast (see Call to Action book, page 92)
Other articles
read my Wireframe checklist post
http://www.wqusability.com/handouts/expert_reviews_stc2007.pdf
http://www.uxmatters.com/mt/archives/2013/05/user-research-methods-has-beens-and-stars.php    (Pros and Cons of different and outdated methods)
Heuristics
http://www.userfocus.co.uk/resources/guidelines.html ++
https://uxdesign.cc/ux-checklists-bf2dda85787f#.ryhqdb2s5
http://www.useit.com/papers/heuristic/heuristic_list.html
http://www.userfocus.co.uk/articles/expertreviews.html
http://www.webstyleguide.com/wsg3/index.html
Research-based Web guidelines(PDF) and online TIP
Yale
http://userium.com/
http://www.uxponder.com/   uses 25-point list and Nielsen
http://www.stcsig.org/usability/resources/toolkit/toolkit.html
http://www.usabilitynet.org/tools/webdesign.htm
https://userium.com/  Usability Checklist  (fix before user testing)
More
See my UX/Web design Guidelines PPT

Axure versus Balsamiq prototyping tools

September 8, 2010

Balsamiq is simple and easy to use. Once you figure out how to install it, there are many ready-to-use UI elements available as a standard part of the software. There is also an Atlatissan Wiki plug-in available for everyone (even managers) to use.

Axure is more flexible and powerful. Advanced UI elements are also available but as separate downloads. What is great and pretty unique about Axure is that you can make interactive prototypes to demonstrate all kinds of functionality. You can them send these to your clients – all they need is Internet Explorer to simply click through your (multi-page) demo. I also like its ability to produce Word docs and detailed functional specifications – very useful!


E-commerce research resources

January 25, 2010

The following are valuable resources of:

  • Expert usability review/evaluations
  • Best practice guidelines from reliable sources
  • Applicable research reports (read this caution about applicability of usability research – in Dutch)
  • Multivariate A/B-tesing, plus dedicated and reknown books
  • Conversion stats of old versus new designs (normalised)
  • Research papers

Case studies and expert opinion

http://www.clickz.com TIP recommended by 3 experts (also good for stats)
–    http://www.clickz.com/showPage.html?page=3622853
– http://www.clickz.com/showPage.html?page=3622794
The first two pages provide some interesting background assumptions
http://www.clickz.com/showPage.html?page=experts/crm/traffic
Effective Cross-Selling
@ http://www.clickz.com/showPage.html?page=3610171
Learning from best practice of different industries
@ http://www.clickz.com/showPage.html?page=3616881

http://www.marketingsherpa.com/library.html (better for articles and case studies, registration needed for some)
http://www.marketingexperiments.com/improving-website-conversion/ (free)
http://www.emarketer.com

http://www.iconocast.com/ – it’s hard to believe looking at the design, but this large Health and Science articles archive also includes translated newspaper articles, is popular and much cited. Use their search engine ; (links to more resources)
E-commerce section in NYtimes (updated every Monday)
http://www.knowthis.com/internet.htm
http://www.ecommerce-guide.com

http://blog.kissmetrics.com

Not e-commerce specific

https://www.frankwatching.com/?s=uitklappen

Popular research companies & reports

Econsultancy ++

http://baymard.com +      ($150)  (mobile report = $300)    (also many free articles)

Nielsen Norman ($999)

GFK

 

Popular blogs

http://www.getelastic.com (e-commerce blog with articles on e.g. product comparison design, conversion) [Tip+++]
http://www.excitingcommerce.com/
http://www.ecommerce-blog.org/

Design patterns

http://www.welie.com/patterns/showPattern.php?patternID=commerce
More Pattern libraries

E-commerce (CMS) package vendors
Mambofive and Intershop are popular e-commerce packages.  Bol.com use InterShop. Also: ZenCart, Magento cart

Academic publications

http://portal.acm.org
http://tc.eserver.org/dir/Design/Web-Design/E-Commerce&nbsp; [TIP! ]   (papers,blog entries)
STC
Journal of Electronic Commerce, Journal of Interactive Marketing

Research bureaus

Forrester research (a lot of focus on quantitive, mainly US research)
JupiterResearch (now merged with Forrester) (focus on eCommerce research resports; see below) [TIP! ]
http://www.e-consultancy.com/research/ ($299 for single-licence subscription) TIP!
37signals.com reports
http://www.adaptivepath.com/publications/ (Reports incl. registration&login, but no directly related to e-commerce)
Nielsen/Norman
http://www.deyalexander.com/resources/uxd/e-commerce.html (links to good articles on the subject)  – TIPErnst&Young
Gartner
Baker & McKenzie  (focus too much on legal issues)
Netherlands: 2C/Mediametrix, Jungle Minds

Articles and white papers

White papers which have been praised by experts or are frequently mentioned. (ToDOo: distribute among (new) blog posts)

From Jared Spool (UIE.com) :
Product presentation pages design @
http://www.uie.com/publications/whitepapers/PogoSticking-09-20-2005.pdf
Where e-commerce sites can fail @
http://www.uie.com/articles/customer_sieve/

How to stop shopping cart abandonment @
http://www.marketingexperimentsblog.com/research-topics/order-process/how-do-you-stop-shopping-cart-abandonment-09-06.php

Also popular:
http://www.ecommerceoptimization.com/articles/ecommerce-shopping-cart-usability-21-best-practices/

More articles:

http://www.getelastic.com/tag/recovering-shopping-carts/
Google it!

Expert opinion and good articles (weblogs, essays)

http://www.grokdotcom.com/2008/01/28/semmy-awards/&nbsp;&nbsp; (links to a few good articles)  Tip+

Web Usability Illustrated: Breathing Easier With Your Usable e-Commerce Site
http://www.humanfactors.com/downloads/ecusability.asp

E-commerce: 6 of the Most Successful Internet Business Models (article)
http://www.discoveryarticles.com/articles/130666/1/E-commerce-6-of-the-Most-Successful-Internet-Business-Models/Page1.html

E-commerce and Usability

http://www.wdvl.com/Authoring/Design/Basics/ecom1.html

More articles (and the list goes on…)

http://www.designofsites.com/resources/index.htm
http://usableweb.com/topics/000481-0-0.html (with focus on usability)
http://www.guuui.com/browse.php?cid=177&nbsp; (links repository to articles, incl. e-commerce search)
http://libraries.mit.edu/guides/subjects/ecommerce/&nbsp;&nbsp; (from MIT ; links to sources of news, research publications)
http://techrepublic.com.com/&nbsp; (targetted at IT managers, search for e-commerce)

Research/credibility tools

http://citeseerx.ist.psu.edu/viewdoc/summary?doi=10.1.1.59.6233 (cross-reference tool to check how many times a certain publication has been cited)

Conversion optimisation tips & best practice guidelines

More
http://baymard.com/top-resources