5385 posts
  • Australia
  • Bought between 100 and 499 items
  • Envato Studio (Microlancer) Beta Tester
  • Exclusive Author
  • Has been a member for 4-5 years
  • Interviewed on the Envato Notes blog
  • Referred between 1 and 9 users
  • Sold between 1 000 and 5 000 dollars
Australia says

I am redoing our sports tipping script, for one of our sites. So before we started doing the background code, I thought I would get some feedback as to your thoughts regarding our UI.

Constructive feedback appreciated please ( this is a sample ) it is actually coded, but not dynamic as yet.

5385 posts
  • Australia
  • Bought between 100 and 499 items
  • Envato Studio (Microlancer) Beta Tester
  • Exclusive Author
  • Has been a member for 4-5 years
  • Interviewed on the Envato Notes blog
  • Referred between 1 and 9 users
  • Sold between 1 000 and 5 000 dollars
Australia says

No worries guys, we completed it without any UI advice, all totally dynamic. I am totally happy with the outcome, and some of the UX features we managed to shoe horn in.

I have updated the image ( see first post ) to actual finished version. Always open to criticism though, as front end stuff is always evolving and has room for improvement. However, I am more than happy with our efforts.

Watermaked.

434 posts here for love
  • Elite Author
  • Sold between 100 000 and 250 000 dollars
  • Has been a member for 1-2 years
  • India
  • Won a Competition
  • Exclusive Author
  • Envato Studio (Microlancer) Beta Tester
+2 more
nCrafts says

Looks good. I can think of just one small suggestion:

I believe you’re using fixed width for the page number elements. It looks cramped for numbers over 10.

5385 posts
  • Australia
  • Bought between 100 and 499 items
  • Envato Studio (Microlancer) Beta Tester
  • Exclusive Author
  • Has been a member for 4-5 years
  • Interviewed on the Envato Notes blog
  • Referred between 1 and 9 users
  • Sold between 1 000 and 5 000 dollars
Australia says

I am not actually, but it is the one ui issue i couldnt think on how to accomplish better and cleaner. Due to the width of the content div. I serched high and low , even looked at scrolling effects, and just simple hrefs, but couldnt find anything quite as clean and easy to use. The width of each ( button ) element is handled by padding.

Up for suggestions tho. I will try and apply an align text fix for numbers over 10

fixed: with text-indent:-1px;

by
by
by
by
by
by