opensourcedesign / slick Goto Github PK

So the instruction:

Install Bower dependencies bower install

Doesn't work. If it's okay to just remove I'll glad do a PR with that. But I was wondering if it implied something else that was broken?

This helps to increase the interest in this project once you found it ;)

Shout's default theme works nicely on mobile, but the Slick theme seems to break it somewhat?

With the standard theme it works just fine. Once I switch the theme to slick and reload the page I got the following message:

undefined:13
((__t = ( channelsActionable )) == null ? '' : __t) +
          ^
ReferenceError: channelsActionable is not defined
    at eval (eval at template (/home/mjob/Projekte/shout/node_modules/lodash/dist/lodash.js:6306:22), <anonymous>:13:11)
    at Function.template (/home/mjob/Projekte/shout/node_modules/lodash/dist/lodash.js:6312:16)
    at /home/mjob/Projekte/shout/src/server.js:82:13
    at fs.js:334:14
    at FSReqWrap.oncomplete (fs.js:95:15)

I followed the install steps from the readme

In Slick, I'm treating the idea of IRC networks as an "Account" instead of a network, as many desktop clients do this, and lends itself to better metaphor (i think).

The thinking being that one can "add" an account at anytime with a form like this

However, all those form fields are not too user friendly. I think we should offer a dropdown menu (or some sort of intuitive clickable UI element) that allows a user to easily select the network to join.

The popular default networks I'm aware of (and use) are:

• freenode.net
• oftc.net
• pirateirc.net

Please list other popular / useful networks (and their settings) in the comments, and I'll add them :)

A shared vocabulary of terms for all designers/devs/content strategists/etc. to refer to

Notable things in this change will include the following UI changes:

• Colors & fonts that match Open Source Design branding
• Placeholder for avatars of users
• Move user list to left of room
• Increased whitespace around messages and design
• Skinable-ness of logo, name, fonts

There seem to be some usability issues with the sidebar which displays the user names.

1. Icon:
   * The sidebar is a list and not a menu. Thus I think the hamburger is not ideal (or is this already standard for lists as well?)
   * As an alternative we could use "other users", "members" or the like. together with an toggling arrow/triangle
2. Opening and closing:
   * The Hamburger Icon seems to have a toggle interaction. The bar covers the icon itself when open, thus closing the bar itself is not possible.

A web link we can go to and chat :)

Using http://shout-irc.com/

I'd really like to be able to run a copy of Shout with Slick theme installed that runs natively on a laptop or PC. Shout is web interface + node.js backend server, packaging it in Electron yields the following benefits:

• Makes Shout + Slick accessible to end-users without requiring the to install it on a server with a public IP or run it on a local machine with a CLI + browser window (which is terrible UX)
• The ability to read and search log files (from local filesystem) while offline
• Native OS launching / toggle-ability between other native apps
• Viewing the interface "chromeless" without the browser interface chrome for a nicer interface
• Ability to implement other network level plugins like XMPP...

This should be achievable without too much effort using the Electron shell & packager made by Github. I believe @tthew was tinkering with this idea :)

I don't know whether I'm missing anything in my config file or what, but I don't seem to be able to get any output from shout before I've even added slick.

Previously I was running into the same issue as #8, now with the new README I don't get as far as a successful run of node index.js, even though the config spins up fine.

I was thinking earlier today that what really set Slack apart was its onboarding, and it feels like what we're doing is still just throwing a sign up form at people. Should we maybe be a bit more radical than that?

@pdurbin pointed at this issue (openhatch/oh-mainline#711) and this subsequent PR (openhatch/oh-mainline#1617) for openhatch. I think we could definitely come up with something crafty that gets people using Slick in a fun way but also prepared for using IRC. I don't think we need to rely on a "slackbot" like entity to do this.

The main pain point might be detecting whether its the first time someone logged in to Slick on a specific server. Can we use cookies/localstorage? We could also throw up a "are you new to IRC?" question before log in.

The following are the proposed UI / UX tasks needed to make sense of the backend configurations of proposed in issue #412 to Shout application

Public Sign In

• User is asked for only Name and generates suggest nickname
• User can click "more options" for detailed IRC settings

User Sees (upon signing in)

• Automatically signed into one or multiple "fixed" Networks + Channels
• Interface hides the ability to leave these channels depending on specifications
• If only has one server (and cannot join others) hide the idea of "Server" altogether from UI
• If only has one channel (and cannot join others) hide the idea of "Channels" altogether from UI
• Auto hiding and showing and user controlled of sidebar as per above settings

As @jdittrich brought up in #12 what about when a user is connected to a network but no channels... how do we make this intuitive? A few ideas I have for this right now are:

• A semi-curated list of Channels that show "rich" item metadata (Title, Description, Image, URL)
• A search box with auto suggested channels

I'm sure there's more creative directions. I'd love to see (or will have to make) some wireframes exploring things.

Can you please add Screenshots of how the theme looks like ? Thanks