Skip to content

Instantly share code, notes, and snippets.

@Xananax

Xananax/Design.md

Last active August 29, 2015 14:15
Show Gist options
  • Save Xananax/8ba207beca7470b8cb88 to your computer and use it in GitHub Desktop.
Save Xananax/8ba207beca7470b8cb88 to your computer and use it in GitHub Desktop.
Download ZIP
Olga Review
Raw
Design.md

Design Commentary

In general, everything looks good. Seems it's not responsive yet, so I will refrain on commenting on any spacing/sizing and such.

The header links that go bold are annoying, because they change size, so it changes their position. I don't know if there is anything to do about this, maybe move every title a few pixels when they're not hovered to make up for the 1/2px change, or maybe using text-shadow instead of the bold text?

There is sort of a lack of consistency in the icons usage; They are used in the menu (and yet, the icons of "Aktashef" and of "Tassafa77" don't seem like they are designed by the same team), but nowhere else. Why have them at all?

I really dig the default blue links and the white background, it makes the website seem very straightforward and like it won't mess with your browser; However, it seems in general to be lacking content a little bit (maybe that's because there isn't really a lot of content yet). It seems a bit empty.

Raw
UX.md

UX Commentary

Main Menu

  • "Aktashef" and "Atasaffa7" are not clickable, it's a bit annoying
  • the text in the search is not aligned (Win7 x64 Chrome)
  • When scrolling back up, when the menu resizes, it sometimes shows blank above it (doesn't snap back to the top of the page...Some times it's quite extreme).
  • The same thing happens sometimes to the footer.
  • the "search button" gets selected with a blue line around it when clicked, but it is not consistent and doesn't seem on purpose

Front Page

Menu just under the big slider (recommendations):
  • The line below the links is not centered
  • The line below the links is not at the same height (is directly under the word, should be under the tab)
  • The loaded page just pops in, it's space should slide out and then it should fade in or something. Or better, since all three have the same height, just make the height fixed (don't let it become smaller while loading)
  • If a suggestion has already loaded, why not keep it in memory for a while, instead of reloading it every time I switch a tab?
  • Huge "<<<" button: the white text appears before the blue background; for a second, it seems as if the <<< is just garbled
Slider just under the Cinemoz image (al ousbou33)
  • Slider doesn't scroll to the end of the second page, I have to click ">" again and "<" to reach the limit (Chrome 40 on Windows 7 x64)
  • There is nothing telling me I am at the last page. Two dots under the slider would help

"Atassafa7" page

  • I will not talk about the selectors that don't really work well ("X" not in the right spot etc), it seems it is WIP
  • In case it is not noticeable, on my 1900 screen, the arrows next to the words are barely visible. They look like dots. Even when zoomed in, they're really really small
  • There is no feedback while it is loading. As soon as I selected something, it should show me a spinner. Or else when my connection is slow, I might think it's just not working.
  • Loading in-spot is cool and all instead of pagination, but I would advise leaving a line or something, so people can spatially recognize pages.
  • When reaching the end of the pages and it is obvious (there are empty spaces before the "mazid" button), make "mazid" become "no more results" on it's own

Search

  • When no results are found, nothing tells me so
  • When results are found, I can see, say "moukhrej", which is super cool, but I don't see any movie...I just want to click through to his movies, not click on his name THEN see his movies

Tag Pages

  • Totally unclear. Without reading the "tag/xxx" in the url, one doesn't know where he is. Search page? Tasaffa77 page? What is this. How can you go back to see more links or tags or whatever
  • Same for "moukhrej" page, "actor" page and so on. Get a link to a page with all moukherjin, or all actors, etc
  • Why is this not redirecting to the "tasaffa7" page with a selection already made? I'm not sure it is a good idea, but maybe better than this

Footer

  • Nothing tells me the links are loading, so on my slow connection, I clicked, waited, began writing "bottom links don't work", and then four modal boxes appeared. Modal boxes should appear before their content is loaded. Or at least I should get a spinner or something.
  • Bottom links don't show a pointer cursor (they don't seem clickable)
  • Modal boxes don't have a clear exit button (you have to click outside)
  • Modal boxes are not selectable and scroll doesn't work (they probably have some layer on top) Seems to be fixed, or not reproducible
  • Modal "al Ta3liqat" doesn't follow proper tab ordering. It goes "email" THEN "name" THEN "text", in left-to-right order
  • instagram link goes to "instagram.com", not to "instagram.com/cinemoz"

"Moukhtarat" page

  • Strangely, unlike the one on the homepage, both sliders here work
  • Other than this, nothing to say, works good

Movie page

  • Nothing to say, works well, looks good
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment