Grafiska användargränssnitt och allmän design (bad example)

Jag behöver en tråd för att samla mindre bra exempel och lite humor kring användargränssnitt och allmän design och usability av webbplatser. Kanske går det att använda i undervisningen, "teaching by bad examples".

Jag sparar undan de jag hittar så får vi se. Kanske kan även bra exempel få plats i tråden, bara man får lite att kika på och fundera, tänka till kring.

Vi börjar med en Dilbert.

17:05 < lrc> Dilbert pratar GUI idag
17:06 <@mos> Fint strip http://dilbert.com/strip/2018-05-02
17:06 <@mos> Fin strip.

Jag ställde frågan tidigare i irc och fick bidrag med båda bra och mindre bra exempel på design av webbplatser (och gui ramverk).

18:43 <@mos> daBack: du som har öga för design, kan du tipsa om några webbplatser som du anser har god design och som sticker ut lite extra?
18:44 < daBack> Kan väl kika lite mos
18:44 <@mos> (eller någon annan som vill bidra med goda exempel på webbplatser med god design)
19:33 < lrc> http://www.gatesnfences.com/
20:00 * mos funderar vilke färgschema den webbplatsen hade
20:08 < TitoN> den sidan saknar lite marguee
20:09 < TitoN> marquee
10:29 < daBack> Mos: Jag har väl inte kikat ut några speciella sidor, kan göra det med. Men på denna sidan så är det mycket ögongodis väldigt många bra designinriktade sidor. https://www.awwwards.com/websites/trend/
11:08 * lrc sneglar på Weex https://weex.apache.org/
11:11 * daBack tro på animationer, 2018-> mycket rörelse och djup, parallax osv
21:27 < daBack> mos: https://www.toggl.com/ denna startsidan är ganska cool
21:29 <@Losningen> Toggl är smidigt
21:59 < daBack> Ohja

Inte riktigt ett grafiskt användargränssnitt men en förstasida som ger en ny innebörd åt responsiv design.
https://lynnandtonic.com/

Techcrunch skriver om sitt arbete att uppdatera sin fem år gamla webbplats. De väljer React mot WordPress API och de skriver om val av gränssnitt. Artikeln ger insikt i hur nya webbplatser byggs, teknikval som sker och hur nya webbplatser designas och deras UI layoutas för bästa UX (User Experience).

Welcome to the new TechCrunch

07:50 <@zeldah> https://medium.com/commitlog/how-to-des ... eaa926bae2 ser ut som vi behöver uppdatera design kursen

Mer varningsrutor åt folket.

Detta inlägg fanns i tråden "Grafiska användargränssnitt och allmän design (bad example)", flyttade hit det för att "samla de goda exemplen".

Jag tror att Auroras/lews bidrag kommer att komma rätt långt i tävlingen.

15:14 <@lew> Dagens tips: http://www.lingscars.com/
15:14 <@lew> mos: Detta är något för design-kursen ^^
15:15 < Losningen> Dear god
15:15 < thulin> lew, tack nu måste jag gå hem, har aldrig fått full huvudvärk på 0.01s innan...
15:16 <%pansar> det var tjusigt
15:17 <@mos> lew: nice, perfekt exempel i design-kursen
15:19 <@lew> hoppas ni hade ljudet på med...för den fulla upplevelsen!
15:19 < Losningen> Störde min musik
15:19 < Losningen> Ingen shut off heller
15:20 <%pansar> Haha, "Can you help me, I feel dizzy? - Try http://www.lingscars.com/feature/aspirin.html"
15:21 <%pansar> Det får ju mina gamla skapelser att verka acceptabla.
15:22 <@mos> Jisses, det var svårt att släppa taget om den webbplatsen
15:24 <@Sylvanas> what.. the
15:25 <@Sylvanas> den får min dator att gå upp i varv iaf
15:25 <@Sylvanas> varför är där djur överallt
15:25 < Aurora> Det är sannerligen ett mästerverk
15:25 <@lew> tipset kom från Aurora !

Undrar om någon kan komma i närheten av denna inom ramen för design-kursen.

https://badhtml.com/ är också ett "bra" exempel

För dem med tålamod: https://userinyerface.com/