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

  • Författare
  • Meddelande
Användarvisningsbild

mos

dbwebb

  • Inlägg: 10913
  • Blev medlem: 10 nov 2011, 09:52
  • Ort: Ronneby / Bankeryd

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

Inlägg02 maj 2018, 17:20

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.


Bild
...
..:
.... /mos
Användarvisningsbild

mos

dbwebb

  • Inlägg: 10913
  • Blev medlem: 10 nov 2011, 09:52
  • Ort: Ronneby / Bankeryd

Re: Grafiska användargränssnitt och allmän design (bad examp

Inlägg02 maj 2018, 17:26

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
...
..:
.... /mos
Användarvisningsbild

mos

dbwebb

  • Inlägg: 10913
  • Blev medlem: 10 nov 2011, 09:52
  • Ort: Ronneby / Bankeryd

Re: Grafiska användargränssnitt och allmän design (bad examp

Inlägg07 maj 2018, 23:37

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

mos

dbwebb

  • Inlägg: 10913
  • Blev medlem: 10 nov 2011, 09:52
  • Ort: Ronneby / Bankeryd

Re: Grafiska användargränssnitt och allmän design (bad examp

Inlägg08 maj 2018, 08:23

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
...
..:
.... /mos
Användarvisningsbild

mos

dbwebb

  • Inlägg: 10913
  • Blev medlem: 10 nov 2011, 09:52
  • Ort: Ronneby / Bankeryd

Re: Grafiska användargränssnitt och allmän design (bad examp

Inlägg20 aug 2018, 07:59

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


Mer varningsrutor åt folket.
...
..:
.... /mos
Användarvisningsbild

mos

dbwebb

  • Inlägg: 10913
  • Blev medlem: 10 nov 2011, 09:52
  • Ort: Ronneby / Bankeryd

Re: Grafiska användargränssnitt och allmän design (bad examp

Inlägg19 nov 2018, 16:15

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.
...
..:
.... /mos
Användarvisningsbild

Lenore

css-hackare

  • Inlägg: 28
  • Blev medlem: 22 aug 2017, 10:08

Re: Grafiska användargränssnitt och allmän design (bad examp

Inlägg21 nov 2018, 16:14

https://badhtml.com/ är också ett "bra" exempel
"Det spelar mindre roll vad du gör så länge du gör något för det blir förmodligen bli fel ändå."
Användarvisningsbild

lrc

troubleshooter

  • Inlägg: 388
  • Blev medlem: 11 aug 2016, 21:38
  • Ort: Östersund

Re: Grafiska användargränssnitt och allmän design (bad examp

Inlägg04 jul 2019, 19:24

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

Vilka är online

Användare som besöker denna kategori: Inga registrerade användare och 6 gäster