Your SlideShare is downloading. ×
learning from UI design improvement
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

learning from UI design improvement

626
views

Published on

Published in: Technology, Business

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
626
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
19
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Learning from UI design improvement Advisor: Yao-Jen Change Presenter: Shih-Kai Tsai
  • 2. Target
    • Design a prototype for user to set groups
  • 3. First version
    • UI before dig into programming
  • 4. Need to improve
    • real names instead of Role1A, Role1B
    • Buttons of Create Group & Edit Group should be shorter and wider.
  • 5. 2nd version
  • 6. Need to improve
    • Normally we put the buttons at the buttom instead of the two sides
    • change the blue shades into lighter blues. -Gmail blue (Hex: #3c3ecff)
    • add search boxes -People love searches
  • 7. 3rd version
  • 8. Need to improve
    • button of search is on the right hand side of the text area
    • Take out the drop down menu
    • - not instinctive
  • 9. 4th version
  • 10. Advised by Prof. Chou
    • 有 create/edit groups ,是否也該有 delete ?
    • 有 group 的操作按紐是否也應有 group member 的操作按紐?
    • 畫面的 layout 只有兩個 groups ,如果有 1000 個 groups 時怎麼安排顯示畫面?
    • 應有能搭配論文內容場景的實際 group names 而非以 group1 & grou2 代替
    • Edit group 的畫面中每個選項最好名稱能讓人一目暸然,亦應該有搜尋姓名 , 年齡 , 性別 , 專長 , 等級 , 地區等的選項
    • 試試看如何讓畫面更生動
  • 11. 5th ver. What if add another group
    • Add a new row
    • below
  • 12. 5th ver.
    • Add delete button
  • 13. 5th ver.
    • Modify members
    • Set classes
  • 14. Advise again
    • 雖然 delete group/member 的功能在 edit 之中,但是 delete 的層級應該跟 create 相當
    • 讀者有看到 create 但沒有一起看到 delete 就會覺得奇怪
  • 15. final version
  • 16.
    • The closer to human instinct, the better UI you get!