Design

still hashing about. to fix with Process

Lorem ipsum

General

• https://en.wikipedia.org/wiki/Design

• Eames: Design is a Method of Action [1]
• Dieter Rams: ten principles for good design
  • Applying Dieter Ram’s ten principles to web design
• Paul Rand: Thoughts on Design

• Design elements and principles
• http://en.wikipedia.org/wiki/Design_language
• Composition

• https://en.wikipedia.org/wiki/Product_design
• https://en.wikipedia.org/wiki/Communication_design
• https://en.wikipedia.org/wiki/Web_design

• https://en.wikipedia.org/wiki/Interaction_design

• http://en.wikipedia.org/wiki/Interaction_design_pattern
• Pattern language
• Design Patterns
• http://patternry.com/patterns/
• http://sideproject.io/outdated-ux-patterns/

• http://en.wikipedia.org/wiki/Design_thinking

• http://darkpatterns.org/
  • http://www.90percentofeverything.com/2013/07/23/the-slippery-slope/

• http://bradfrostweb.com/blog/post/atomic-web-design/

• http://quotesondesign.com/

• A Crash Course in Information & Visual Design - September 29 2012

• http://news.ycombinator.com/item?id=4600256

• http://technori.com/2012/10/2612-behavior-design-bootcamp/
  • http://technori.com/2012/10/2613-behavior-design-bootcamp-day-2/

• http://en.wikipedia.org/wiki/Interaction_design
  • http://www.cooper.com/journal/2013/01/self-study-interaction-design.html

• http://designobserver.com/
• http://www.core77.com/
• http://www.creativereview.co.uk/

• http://hackdesign.org/

News

• https://news.layervault.com/

• http://sidebar.io/

Design and brand guides

• Facebook: Social Design
• Drupal.org website style guide

• https://www.gov.uk/designprinciples

• UX Booth Style Guide
• The Chicago Manual of Style

• Android Design

• UX Bookmark: A huge list of Style Guides and UI Guidelines
• http://www.nuxeo.com/blog/development/2012/12/why-you-need-a-ui-style-guide/

• http://www.barnardlevit.co.uk/style-guide

Inspiration

• http://www.niice.co/

• http://dribbble.com/

• http://designbump.com/

• http://insideintercom.io/the-dribbblisation-of-design/

HCI

See also Computing#History

• https://en.wikipedia.org/wiki/Human-computer_interaction
• https://en.wikipedia.org/wiki/Outline_of_human%E2%80%93computer_interaction

• https://en.wikipedia.org/wiki/User_interface

• https://en.wikipedia.org/wiki/Human_interface_guidelines
• https://en.wikipedia.org/wiki/Interaction_technique

• https://en.wikipedia.org/wiki/Fitts's_law

• http://www.1up.com/news/playstation-1-design - C-f buttons

Web design

• A List Apart: Articles
• Smashing Magazine
• .net mag

• https://news.layervault.com/

• Stop Redesigning! Lean Rapid Interface Iteration Thoughts and Tips

• The Elements Of Design - series of blog posts
• Google I/O 2012 - Advanced Design for Engineers

• Startups, this is how design works

• http://weavora.com/blog/2012/10/21/web-design-trends-we-love/ [2]
• http://www.creativebloq.com/web-design/attention-grabbing-homepages-11121253
• http://contrastrebellion.com/
• http://colly.com/comments/bauhaus_ideology_and_the_future_of_web_design/

• http://csszengarden.com/
• http://css1k.com/

• http://www.siteinspire.com/
• http://unmatchedstyle.com/gallery
• http://webcreme.com/
• http://patterntap.com/

• http://hackdesign.org/

• http://betterfrontend.com/

• http://bounceapp.com - critique a page

• http://www.spurapp.com/ - alternate views for design considerations

• http://designmodo.github.com/Flat-UI/ - templates

• http://econsultancy.com/uk/blog/62335-14-lousy-web-design-trends-that-are-making-a-comeback-due-to-html5

• http://goodui.org/

• http://shouldiuseacarousel.com/ [3]

Commercial

• https://creativemarket.com/

Usability

• http://en.wikipedia.org/wiki/Usability

• http://justinjackson.ca/words.html

• Usability First - We want to provide valuable information about usability for anyone interested in the design of software or websites, from beginners to experts, in academia or in industry.

• useit.com: Alertbox -

Jakob Nielsen's Current Issues in Web Usability articles

• Accessites.org - We aim to prove that accessible, usable web sites built with universality and standards in mind need not be boring. We will show you artfully crafted sites made by some of today’s most progressive web developers.

• http://en.wikipedia.org/wiki/Information_foraging

• http://userium.com/

User Interface

• http://en.wikipedia.org/wiki/User_interface

• http://ui-patterns.com/
• http://www.welie.com/patterns/index.php

User Experience

• http://en.wikipedia.org/wiki/User_experience - UX
• http://en.wikipedia.org/wiki/Choice_architecture

• http://uxmovement.com/
• http://uxmag.com/

• https://news.ycombinator.com/item?id=7170390
• The User Experience Guide Book For Product Managers

• UX for the masses - These articles are written by Neil Turner - A UK based UX designer. I like to share, discuss and comment on UX ideas, tips, insights and practices that everyone can use to help design a better user experience for all.

• 25 Excellent Usability/UX Articles and Resources

• Ask HN: Recommendations for learning and improving UX/UI skills?

• How to get a UX job and what it’s like - June 10, 2012

• http://www.uxdrinkinggame.com/

• https://www.youtube.com/watch?v=OeATDl_TTo4

• http://uxarchive.com/ - mobile ux

• http://www.elezea.com/2013/05/one-ux-deliverable/

Information Architecture

See also ontology in general.

• Information Architecture - The importance of having a well-structured website comes from how information and data is related to each other. The thorough planning and gathering of ideas to form a structured and meaningful arrangement of this data is Information Architecture.

• So what’s an Information Architect?
  • study of information structure for a defined purpose
  • define the architecture of content relative to database construction and user-interaction
  • organize and qualify the appropriate use of metadata schemas, controlled vocabularies, folksonomies, ontologies etc.
  • articulate and produce meaningful information visualizations
  • help to structure information for easy digestion in digital applications

• COPE: Create Once, Publish Everywhere

Specifics

• http://en.wikipedia.org/wiki/Persona_(user_experience)

• UX Myths collects the most frequent user experience misconceptions and explains why they don't hold true. And you don't have to take our word for it, we'll show you a lot of research findings and articles by design and usability gurus.

• Design patterns search
• Pagination 101 [4]
• http://www.kapilkale.com/blog/the-worst-ui-pattern-in-existence/
• http://danwin.com/2013/01/infinite-scroll-fail-etsy/3
• http://www.magicscroll.net/ScrollTheWeb.html

• What the hell does ≡ do, anyway?
• The Billion Dollar Mind Trick: An Intro to Triggers

• Skeumorphism & Storytelling - "An interface that is not only easy to use, but fun to use, engages the user and creates an experience where obstacles are easier to overcome, and thus an experience where the product is easier and more effortless to use. Done right, skeuomorphism can retain the simplicity and ease of use of an interface while empowering users to act."
• Can We Please Move Past Apple’s Silly, Faux-Real UIs?
• http://quicksprints.com/post/32792397474/how-we-increased-landing-page-conversion-from-5-to-55

• http://ux.stackexchange.com/questions/31359/should-error-messages-apologize

• http://msdn.microsoft.com/en-us/library/windows/apps/hh465319.aspx - semantic zoom

• http://news.ycombinator.com/item?id=5330998 - large menus, field focus, etc

• http://www.slideshare.net/billwscott/lean-ux-antipatterns
  • http://limi.net/checkboxes-that-kill

• http://tabcloseddidntread.com/

• https://news.ycombinator.com/item?id=6363344

Reviews

• Buffer’s UX | “Buffer” as a Good Thing - great site review
• Alpha.gov.uk - A quick usability review

• http://jay-machalani.squarespace.com/blog/2013/12/12/fixing-windows-8

Search

• UICloud - search ui examples

Navigation

• http://ninjasandrobots.com/website-design-you-cant-go-home-again

Other

• http://blog.maxrudberg.com/post/38958984259/if-you-see-a-ui-walkthrough-they-blew-it

Social

See communication

• many2many

etc

GUI and HCI

slashdot, moderationm, metamoderation, ontology, etc...

svbtle, kudos;

• http://dcurt.is/codename-svbtle [5] [6], [7]
• http://www.screenr.com/2Pl8

• http://www.reddit.com/r/funny/comments/15ou9b/my_girlfriends_mother_doesnt_understand_facebooks/

Sharing

• http://sharenice.org/

Gamification

• https://en.wikipedia.org/wiki/Gamification

• http://openbadges.org/

• http://www.wired.com/wiredenterprise/2012/11/gamification-customer-service/

SEO, SEM, SMO

• http://moz.com/

• http://www.dmoz.org/

• http://aberrant.me/no-google-authorship-didnt-decrease-your-traffic-by-90/

• http://www.slideshare.net/aliceaudrey/seo-sem-smo-project

Google

• http://www.google.com/tagmanager

News

• http://inbound.org/

Articles etc.

• What Every Programmer Should Know About SEO
• Are there any clear indicators that my sitemap file is beneficial?
• https://segment.io/academy/the-quickest-wins-in-seo

• http://www.searchenabler.com/blog/meta-description-tags-complete-guide/

• Search Engine Optimization (SEO) Kit

• Why Your Links Should Never Say “Click Here”

• Creating a semantic breadcrumb using HTML5 microdata

Sitemaps

• Sitemaps are an easy way for webmasters to inform search engines about pages on their sites that are available for crawling. In its simplest form, a Sitemap is an XML file that lists URLs for a site along with additional metadata about each URL (when it was last updated, how often it usually changes, and how important it is, relative to other URLs in the site) so that search engines can more intelligently crawl the site.

• The Importance of Sitemaps - Oct 12, 2008

Tools

• What Page of Search Am I On?

other

• http://craigmod.com/journal/subcompact_publishing/

• http://demonocracy.info/infographics/world/gold/gold.html - isometric

• http://jtnimoy.net/?q=178 - tron