Views 2 Designing the user interface Roy Scholten hi Views . - - PowerPoint PPT Presentation

▶
views 2
SMART_READER_LITE
LIVE PREVIEW

Views 2 Designing the user interface Roy Scholten hi Views . - - PowerPoint PPT Presentation

Feb 08, 2024 183 likes •955 views

Views 2 Designing the user interface Roy Scholten hi Views . Views 2 Views 2 have you heard of it? Views 2 have you heard of it? (views 1) Problem: How to avoid the humongous scrolling form of death? ping Huh? Inventory round 1:

slide-1
SLIDE 1

Views 2

Designing the user interface

Roy Scholten

slide-2
SLIDE 2

hi

slide-3
SLIDE 3

Views

.

slide-4
SLIDE 4

Views 2

slide-5
SLIDE 5

Views 2

have you heard of it?

slide-6
SLIDE 6

Views 2

have you heard of it?

slide-7
SLIDE 7

(views 1)

slide-8
SLIDE 8
slide-9
SLIDE 9
slide-10
SLIDE 10

Problem:

How to avoid the humongous scrolling form

  • f death?
slide-11
SLIDE 11

ping

slide-12
SLIDE 12
slide-13
SLIDE 13

Huh?

slide-14
SLIDE 14

Inventory

slide-15
SLIDE 15
slide-16
SLIDE 16
slide-17
SLIDE 17
slide-18
SLIDE 18
slide-19
SLIDE 19
slide-20
SLIDE 20

round 1: groups.drupal.org

slide-21
SLIDE 21
slide-22
SLIDE 22
slide-23
SLIDE 23
slide-24
SLIDE 24
slide-25
SLIDE 25
slide-26
SLIDE 26
slide-27
SLIDE 27
slide-28
SLIDE 28
slide-29
SLIDE 29

“Guys, you're all redesigning Views1 here…”

slide-30
SLIDE 30

ping

slide-31
SLIDE 31

“I havent asked merlin thoroughly enough about his starting points really.” “I would say grokking merlin's intentions is step one. Otherwise we are designing the UI in a fog.”

slide-32
SLIDE 32
slide-33
SLIDE 33

What do I want to display? How do I want to display it?

slide-34
SLIDE 34

round 2:

Sentences

(or: “What is really going on here?”)

slide-35
SLIDE 35
  • extasdg
slide-36
SLIDE 36

What do you want a list of,

slide-37
SLIDE 37

What do you want a list of, Where do you want to show it,

slide-38
SLIDE 38

What do you want a list of, Where do you want to show it, How to present it, using which

slide-39
SLIDE 39

What do you want a list of, Where do you want to show it, How to present it, using which Format for each item?

slide-40
SLIDE 40

What do you want a list of, Where do you want to show it, How to present it, using which Format for each item?

slide-41
SLIDE 41
slide-42
SLIDE 42

What do you want a list of,

slide-43
SLIDE 43
slide-44
SLIDE 44
slide-45
SLIDE 45

What

Where do you want to show it,

slide-46
SLIDE 46
slide-47
SLIDE 47
slide-48
SLIDE 48
slide-49
SLIDE 49
slide-50
SLIDE 50
slide-51
SLIDE 51

What do you want a list of, Where do you want to show it, How to present it, using which Format for each item?

slide-52
SLIDE 52
  • “… a system where the base edit page is

basically not editable, but gives you a summary of everything on the view and then leads you to separate pages where you can edit these items…”

slide-53
SLIDE 53
slide-54
SLIDE 54

Summaries

slide-55
SLIDE 55
slide-56
SLIDE 56
slide-57
SLIDE 57

a month later…

slide-58
SLIDE 58
slide-59
SLIDE 59
slide-60
SLIDE 60
slide-61
SLIDE 61
  • Good?
  • - vertical tabs
  • - summaries
  • - compact
slide-62
SLIDE 62
  • Bad?
  • - overwhelming
  • - inconsistent with core
  • - abstract terminology
slide-63
SLIDE 63
slide-64
SLIDE 64
  • Let's do this more
  • ften…
slide-65
SLIDE 65

Tips

  • Ask for input
slide-66
SLIDE 66

Tips

  • Design before coding
slide-67
SLIDE 67

Tips

  • Wireframes
slide-68
SLIDE 68

Tips

  • Usability Testing Suite
  • (d.o/project/uts)
slide-69
SLIDE 69

What's next?

  • Let's do this more often
slide-70
SLIDE 70
  • discuss…
slide-71
SLIDE 71
  • merlinofchaos yoroy alpritt couzinhub
slide-72
SLIDE 72
  • Thank you!
slide-73
SLIDE 73
  • (encore)
slide-74
SLIDE 74
slide-75
SLIDE 75
slide-76
SLIDE 76

Views 2

Designing the user interface

Roy Scholten http://www.yoroy.com

Core Hubs:
All Converters PDF Hub Video Hub Audio Hub Image Hub File Compressor