SteemThink Update #5 - iOS App Design Update | Amazing design

in #steemthink7 years ago

UPDATE5.jpg


SteemThink Update #5 - iOS App Design Update | Amazing design

We in the past few days designed some ios interface, eventually not sure which version to use, I hope everyone will make suggestions

Login

1.jpg
The user can login by entering the user name and postkey of the steemit. Of course, the default postkey of the steemit is complicated and the input is difficult. Therefore, we provide the function of QR Code scanning. Simply scan the QR Code of the postkey to finish inputting the postkey, Simple and quick.

List & Menu & Search

For the List & Menu & Search page, we designed two versions, one: the vertical display list; the other: horizontal display.
2.jpg
This method is more traditional, you can quickly preview a number of popular articles, but access to information from the page is very small, only the title & vote & comment, etc。

  • Advantages: can view multiple articles
  • Disadvantages: can only see the title, can not get the article content

3.jpg

This version of the design allows users to quickly understand the contents of the article, easy to guide the user whether to continue to read more.Swipe left and right to read different articles.

  • Advantages: can only view one articles
  • Disadvantages: can see more Information about articles

Quick menu and search, hidden by default, when the user clicks displayed, do not take up screen space, does not affect the user experience.

Articles Detial & Comment & Reply

4.jpg
Details of the article to full-screen display.The details of the article are displayed in full screen with viewer comments alternating between two colors to add vitality to the page.
The user can also click on the number of the reply button in the second image to see all the responses to this comment (the third image)

My Account

5.jpg
We have also designed three kinds of styles for my account page. Our team has different opinions. Of course, I prefer the third one. How about you?

Next plan

We will continue to design the remaining pages on the APP, including feed, comment, reply, wallet, setting, password etc.

11.jpg

github Link

https://github.com/steemthink/steemthink

Clone with HTTPS

https://github.com/steemthink/steemthink.git


Resteem / Share this post, and http://steemthink.com

Spread the word


Special thanks for the support of:

@Transisto, @NewsFlash, @ned , @BlockTrades,
With your help, SteemThink will be a shining planet on the STEEM blockchain.

Sort:  

You got a 10.22% upvote from @buildawhale courtesy of @steemthinkcom!
If you believe this post is spam or abuse, please report it to our Discord #abuse channel.

If you want to support our Curation Digest or our Spam & Abuse prevention efforts, please vote @themarkymark as witness.

Thanks

i following you~

Congratulations @steemthinkcom, this post is the sixth most rewarded post (based on pending payouts) in the last 12 hours written by a Dust account holder (accounts that hold between 0 and 0.01 Mega Vests). The total number of posts by Dust account holders during this period was 11735 and the total pending payments to posts in this category was $3066.44. To see the full list of highest paid posts across all accounts categories, click here.

If you do not wish to receive these messages in future, please reply stop to this comment.

Thanks

Upvoted and Followed Bro :)